# JavaScript - [Introduction](#introduction) - [Useful websites for web developers](#useful-websites-for-web-developers) - [Learning javascript by @Madisonkanna](#learning-javascript-by-madisonkanna) - [Node.js](#nodejs) - [Npm](#npm) - [More Frontend JavaScript Frameworks](#more-frontend-javascript-frameworks) - [Tweets](#tweets) ## Introduction - [wikipedia: JavaScript](https://en.wikipedia.org/wiki/JavaScript) - [v8.dev:](https://v8.dev/) Google’s open source high-performance JavaScript and WebAssembly engine. - [dev.to: JavaScript Objects](https://dev.to/shreyazz/javascript-objects-57ob) - [dev.to: JavaScript Arrays and its Methods](https://dev.to/insha/javascript-array-and-its-methods-432k) - [dev.to: 25 Métodos de Arrays en JavaScript que todo desarrollador debe conocer](https://dev.to/gdcodev/25-metodos-de-arrays-en-javascript-que-todo-desarrollador-debe-conocer-4a2d) - [dev.to: Getting Started with JavaScript Modules](https://dev.to/thecoollearner/getting-started-with-javascript-modules-2mkg) - [dev.to: Username Validator](https://dev.to/lizardkinglk/username-validator-1n8g) Usernames should be formatted and they should conform to follow some validation constraints. ## Useful websites for web developers - [canva.com](https://www.canva.com/) Create cover images, graphs, videos and more - [mockuper.net](https://mockuper.net/) Mockups generator - [cssnectar.com](https://cssnectar.com/) Website design showcase - [bgjar.com](https://bgjar.com/) SVG background image generator - [npkill.js.org](https://npkill.js.org/) Easily find and remove old and heavy node_modules folders ## Learning javascript by @Madisonkanna 1. Variables + Scoping: [Declaring JavaScript Variables: var, let and const](https://scotch.io/courses/10-need-to-know-javascript-concepts/declaring-javascript-variables-var-let-and-const) 2. Types: [Understanding Data Types in JavaScript](https://www.digitalocean.com/community/tutorials/understanding-data-types-in-javascript) 3. Objects, functions & arrays: [Intro to Web Dev V2](https://btholt.github.io/intro-to-web-dev-v2/intro/) 4. The DOM: [What exactly is the DOM?!](https://dev.to/karaluton/what-exactly-is-the-dom-jhg) 5. Prototypes + this: [A Beginner's Guide to JavaScript's Prototype](https://ui.dev/beginners-guide-to-javascript-prototype/) 6. Events: ["What the heck is the event loop anyway?" By @philip_roberts](https://www.youtube.com/watch?v=8aGhZQkoFbQ) 7. Flow control: [For Loops - Beau teaches JavaScript](https://www.youtube.com/watch?v=24Wpg6njlYI) 8. Security and Accessibility: [Web Accessibility](https://www.udacity.com/course/web-accessibility--ud891) 9. Good to know - How to write clean code: [Clean code concepts adapted for JavaScript](https://github.com/ryanmcdermott/clean-code-javascript) 10. Async JavaScript. Another epic tutorial by Tyler McGinnis [Async JavaScript: From Callbacks, to Promises, to Async/Await](https://ui.dev/async-javascript-from-callbacks-to-promises-to-async-await/) 11. Other things good to know but don't need to necessarily master as a beginner: closures, Ajax requests, modules. To listen to the episode that inspired this thread: [The Fundamentals — JS](https://syntax.fm/show/162/the-fundamentals-js) 12. This blew up—if you’d like to join myself and an amazing community of beginners and advanced developers, I host this free club: [CodeBookClub](https://madisonkanna.com/codebookclub/) ## Node.js - [wikipedia: Node.js](https://en.wikipedia.org/wiki/Node.js) - [nodejs.org](https://nodejs.org/) - [github.com/nodejs/node](https://github.com/nodejs/node) - [developers.redhat.com: Introduction to the Node.js reference architecture, Part 5: Building good containers](https://developers.redhat.com/articles/2021/08/26/introduction-nodejs-reference-architecture-part-5-building-good-containers#what_base_images_to_start_with_) - [dev.to: How to build 7,000+ REST APIs within 2 mins (Node.js + MySQL) !!](https://dev.to/o1lab/how-to-build-7-000-rest-apis-within-2-mins-node-js-mysql-470b) ## Npm - [wikipedia: Npm](https://en.wikipedia.org/wiki/Npm_(software)) (originally short for Node Package Manager) is a package manager for the JavaScript programming language. - [Npm](https://www.npmjs.com/) - [npm has joined GitHub](https://github.blog/2020-04-15-npm-has-joined-github/) ## More Frontend JavaScript Frameworks - [cult.honeypot.io: Best Frontend JavaScript Frameworks To Learn 2021](https://cult.honeypot.io/reads/best-frontend-javascript-frameworks-learn-2021/) - [react js: mithi/react-philosophies](https://github.com/mithi/react-philosophies) Things I think about when I write React code ## Tweets
Click to expand!