Resources đ
- codecademy JavaScript Catalog
- Docs:Â JavaScript
- Cheatsheets
- Articles
- Community Forums
- Projects
- Learn Intermediate JavaScript
- Learn JavaScript - basic; may be worth a breeze through for JS-specific vocabulary / practices
- codecademy Learn TypeScript
- Introduction to JavaScript for Developers from Java Brains
- W3 Schools JS tutorial
- JavaScript Docs - Mozilla Developer Network - nice intro & context; but this is from 8 Feb 2016!
- 100+ JavaScript Concepts you Need to Know from Fireship - seems extremely introductory but runs through a tonne of essentials in no time, including:
- JS has 7 primitive types: {string, number, bigint, boolean, undefined, symbol, null}
- JS variable declaration can be done via the
let,constorvarkeywords, but you should not usevaras it does hoisting up scopes (i.e. outside your current lexical environment) - âŠ
- (this Fireship video is so good because Fireship seems to have a JS/Node/Deno/web and app dev bias as seen on fireship.io/courses)
- Learn X in Y minutes - JavaScript
- Mozilla Developer Network provides excellent documentation for JavaScript as itâs used in browsers. Plus, itâs a wiki, so as you learn more you can help others out by sharing your own knowledge
- MDNâs A re-introduction to JavaScript covers much of the concepts covered here in more detail. This guide has quite deliberately only covered the JavaScript language itself; if you want to learn more about how to use JavaScript in web pages, start by learning about the Document Object Model
- JavaScript Garden is an in-depth guide of all the counter-intuitive parts of the language.
- JavaScript: The Definitive Guide is a classic guide and reference book.
- Eloquent JavaScript by Marijn Haverbeke is an excellent JS book/ebook with attached terminal
- JavaScript: The Right Way is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.
- javascript.info is a modern JavaScript tutorial covering the basics (core language and working with a browser) as well as advanced topics with concise explanations
- checked on 24th December 2024 and notice indicates page was âLast updated on December 23, 2024â
- In addition to direct contributors to this article, some content is adapted from Louie Dinhâs Python tutorial on this site, and the JS Tutorial on the Mozilla Developer Network.
- JSFiddle - Code Playground - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle
- Spinning cube minimal example taken from three.js docs
JavaScript Concepts
- Hoisting - MDN Web Docs Glossary Definitions of Web-related terms MDN - this had me pretty mindblown đ€Ż NGL
Asynchronous Execution in JavaScript
- Asynchronous JavaScript from MDN
- ColorCode:
- Lydia Hallie - very nice (schematic) visualisations
- Fireship: The Async Await Episode I Promised
three.js
JavaScript 3D library. The aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current builds only include WebGL and WebGPU renderers but SVG and CSS3D renderers are also available as addons.
Official three.js Resources
- Learn
- Community
- Code
- Resources
See also React Three Fiber tutorial - Scroll Animations
p5.js
p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community. p5.js welcomes artists, designers, beginners, educators, and anyone else!