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 Tooling
- Bun is a fast,Ā incrementally adoptableĀ all-in-one JavaScript, TypeScript & JSX toolkit. Use individual tools like bun test orĀ bun install in Node.jsĀ projects, or adopt the complete stack with a fast JavaScript runtime, bundler,Ā test runner, andĀ package managerĀ built in. Bun aims for 100% Node.js compatibility.
- acquired by Anthropic: Anthropic acquires Bun as Claude Code reaches $1B milestone (article from 3rd December 2025)
JavaScript Concepts
- Hoisting - MDN Web Docs Glossary Definitions of Web-related terms MDN - this had me pretty mindblown š¤Æ NGL
- Closures - JavaScript MDN
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!