Learn JavaScript – 200+ Free Courses & Resources

Learn JavaScript – Free Courses & Resources

200+ free JavaScript learning resources across 16 categories. From absolute beginners (MDN, JavaScript.info, Eloquent JS) to advanced topics like React, Node.js, TypeScript, testing, algorithms, and game development. All resources are free or free-to-audit.

We cover:

Row Types:

Special Indicators:

Master vanilla JavaScript before diving into frameworks—it pays off forever.
Use MDN and JavaScript.info as your go-to references; they're constantly updated.
Build projects constantly: the more you build, the faster you learn.
Many Coursera/edX courses are free if you click 'Audit'—you get all content except certificates.
Practice algorithms in JavaScript for interview prep, even if you use other languages elsewhere.
Join JavaScript communities on Discord, Reddit, or Dev.to for help and accountability.

Favorites

No favorites yet. Tap ☆ on any game.

JavaScript Foundations

MDN – JavaScript Guide — Canonical language guide from Mozilla
MDN – Learn JavaScript — Structured learning area for beginners
The Modern JavaScript Tutorial — In‑depth, constantly updated ES6+ tutorial
Eloquent JavaScript (3rd ed.) — Free online book with interactive examples
Codecademy – Learn JavaScript (free units) — Interactive basics (account required)
Learn‑JS.org – Interactive Tutorial — Short, interactive lessons
JavaScript for Cats — Gentle, humorous intro to JS
MDN – JavaScript Reference — Exhaustive language reference

Interactive & Practice‑Heavy

Scrimba – The JavaScript Course (free modules) — Interactive screencast course
Scrimba – ES6+ Concepts — Modern JS features interactive track
exercism – JavaScript Track — Mentored coding exercises (free account)
HackerRank – JavaScript (10 Days) — Daily challenge format
Codewars – JavaScript Katas — Progressive JS problem sets
Frontend Mentor – JS Challenges (free) — Realistic UI challenges with JS
Wes Bos – JavaScript30 — 30 projects in 30 days (free)
CodingGame – JavaScript Puzzles — Gamified coding puzzles
Codeforces EDU – Two Pointers in JS (community) — Algorithm lessons; implement in JS
JS Challenger – Practice — Small, focused practice exercises
TypingJS – JS Snippet Typing — Improve typing with code samples

DOM, Browser APIs & Events

MDN – Introduction to the DOM — What the DOM is and how it works
MDN – Manipulating documents — DOM selection and updates
MDN – Events — Events and listeners
MDN – Fetch API — Making HTTP requests in the browser
Google Developers – DevTools Tutorials — Debugging JS and DOM with DevTools
JavaScript.info – DOM — Walking the DOM, nodes, properties
JavaScript.info – Events — Event details and patterns
Web.dev – Learn Forms — Modern forms (validation, UX)
MDN – Web Storage API — localStorage & sessionStorage
MDN – Intersection Observer — Lazy loading, infinite scroll
MDN – Canvas API — 2D graphics with JS
MDN – Web Components — Reusable custom elements

Modern JavaScript (ES6+)

JavaScript.info – Data types & Objects — Objects, references, cloning
JavaScript.info – Promises, async/await — Modern asynchronous JS
JavaScript.info – Modules — ES modules in depth
MDN – JavaScript Modules — Using ESM in the browser
MDN – Classes — Class syntax and inheritance
MDN – Iterables and Iterators — for..of, generators
MDN – Map, Set, WeakMap, WeakSet — ES6 collections
MDN – Destructuring assignment — Arrays & objects destructuring
MDN – Arrow functions — Concise function syntax
MDN – Template literals — String interpolation
MDN – Modules import() dynamic — Dynamic import
TC39 – ECMAScript Proposals — Track upcoming JS features

Node.js & Backend with JS

Node.js – Official Docs (Learn) — Official learning hub
Express – Getting Started — Minimalist web framework
PostgreSQL with Node – node-postgres — Database access from Node
Prisma – Getting Started with Node — Type‑safe ORM for Node
NestJS – First Steps — Opinionated Node framework
Koa – Introduction — Lightweight alternative to Express
Udacity – Intro to JavaScript (for web dev) — Free course covering JS for the web
Render – Deploy a Node App — Free tier deployment guide
Vercel – Node & Serverless — Serverless deploys for Node/Next

Frontend Frameworks (React, Vue, Angular, Svelte)

React – Official Docs: Learn — Modern, interactive docs
Next.js – Learn Next.js — Interactive course from Vercel
Vue – Guide & Tutorial — Official Vue 3 guide
Nuxt – Getting Started — Meta‑framework for Vue
Angular – Tour of Heroes Tutorial — Step‑by‑step Angular tutorial
Svelte – Interactive Tutorial — In‑browser lessons
Solid – Tutorial — Reactive UI library tutorial
React Router – Start — Routing fundamentals
TanStack Query – React Query Docs — Server state management
Vite – Guide — Modern dev server & bundler
Remix – Tutorials — Full‑stack web with JS/TS
Preact – Guides — Lightweight React alternative

TypeScript for JavaScript Devs (Free)

TypeScript – Handbook (Docs) — Authoritative TS learning path
TypeScript – Tutorial — Quick guided intro
TypeScript – Everyday Types — Core types overview
TypeScript – Modules — Organizing code
Microsoft Learn – TypeScript — Free modules for TS
Effective TypeScript Notes (community) — Best practices blog
Type Challenges (TS playground) — Advanced TS exercises
DefinitelyTyped – Types for JS libs — Community types repo
TS Playground – Try TS Online — Interactive editor
Zod – Getting Started — Runtime schema validation
TypeScript Deep Dive (free book) — Comprehensive TS guide

Testing, Quality & Patterns

Jest – Getting Started — Popular JS test runner
Vitest – Guide — Vite‑native unit testing
Testing Library – Docs — DOM/React testing philosophy
Cypress – Learn — E2E testing for the web
Playwright – Getting Started — Cross‑browser E2E tests
OpenAPI – Tutorial — Contract‑first API testing
MSW – Mock Service Worker — Mock network requests in tests
Sinon – Test Spies & Stubs — Spies, stubs, fakes

Data Structures & Algorithms in JS

VisuAlgo – Visualize Algorithms — Interactive visualizations
Big-O Cheat Sheet — Complexity reference
Interview Cake – JS Arrays & Strings (free chapter) — Free concepts in JS
USF – Data Structures in JS (Open Text) — Classic structures visualized
GeeksforGeeks – DSA with JS (free articles) — A lot of worked examples
Algorithms Live – Playlist Index — Deep algorithm theory (language‑agnostic)

Project‑Based & Challenges

Frontend Mentor – Free Challenges — Realistic UI briefs
Project‑Based Learning – JS — Curated list of build‑it projects
Build a Weather App (MDN fetch) — Use APIs with fetch
Wes Bos – JavaScript30 — 30 day build series
Scrimba – Frontend Projects (free) — Mini‑projects with JS
Build with Vite – Templates — Start projects instantly
Public APIs – Project Ideas — APIs to build with
DevDocs – API Reference Hub — Fast docs while building

Data Visualization & Graphics (JS)

D3 – API Reference — Official docs (wiki)
Chart.js – Docs — Canvas‑based charts
Three.js – Manual — Approachable 3D guide
Three.js – Docs — API reference
Leaflet – Quick Start — Interactive maps
ECharts – Tutorial — Powerful charting library
Observable – Introduction — Reactive notebooks with JS
SVG on the Web – MDN — SVG tutorial
Canvas API – MDN — 2D drawing guide
WebGL Fundamentals — Beginner‑friendly WebGL

MOOCs (Audit Free)

University of Helsinki – Full Stack Open — World‑class JS/React/Node course
Harvard – CS50W: Web Programming with Python and JavaScript (edX) — Front‑to‑back web course (JS heavy)
Meta – Programming with JavaScript (Coursera) — Beginner JS from Meta
University of London – Responsive Website with JS & HTML (Coursera) — JS for interactivity
Udacity – Intro to JavaScript — Free foundational course
Udacity – Asynchronous JavaScript — XHR, fetch, promises
Microsoft Learn – Web development for beginners — Free full course on GitHub
Google – Web.dev Learning Paths (JS content) — Curated learning paths
Khan Academy – Intro to JS — Drawing & animation with JS
OpenLearn – JavaScript — Introductory JS materials

Tooling, Build & Ecosystem

npm – Docs & Guides — Packages, scripts, workflows
pnpm – Docs — Fast disk‑efficient package manager
Yarn – Getting Started — Modern package manager
ESLint – Guide — Linting for code quality
Prettier – Docs — Code formatter
Babel – Docs — JS compiler for compatibility
Vite – Guide — Lightning‑fast dev server
Webpack – Guides — Module bundling guide
Rollup – Guide — Library bundling
Parcel – Docs — Zero‑config bundler
Esbuild – Getting Started — Extremely fast bundler
SWC – Docs — Rust‑based JS/TS compiler

Game Dev with JavaScript

Phaser – Tutorials — Popular 2D game framework
Kaboom.js – Docs — Simple JS game library
Babylon.js – Docs — Powerful 3D engine
Three.js – Journey (free intro articles) — Getting started materials
MDN – Game development — Browser game dev basics
Kontra.js – Docs — Tiny library for JS games
PlayCanvas – Developer Resources — Web‑first 3D engine
PICO‑8 (JS export tutorials) — Fantasy console (export to web)
GDevelop – Docs — No‑code to JS extension
Colyseus – Multiplayer server — Node‑based multiplayer
Matter.js – Physics — 2D physics engine
Cannon‑es – Physics — 3D physics for JS

Interview Prep (JavaScript‑first)

30 Seconds of Interviews (JS) — Short Q&A for interviews
Front End Interview Handbook — Comprehensive prep guide
javascript‑questions — Curated list of tricky JS Qs
Tech Interview Handbook — Algorithms + front‑end
InterviewBit – JS MCQs — Common JS questions
HackerRank – Interview Prep Kit — Core DSA practice
Big Frontend Dev (BFE) – Problems — Frontend JS coding puzzles
Fe-Questions – Frontend Qs — Community question bank

Reference, Cheatsheets & Utilities

MDN – JavaScript Reference — Authoritative reference
DevDocs – JS & Web APIs — Fast, searchable offline docs
You Don't Know JS (2nd ed.) — Deep‑dive book series
Airbnb JavaScript Style Guide — Widely used style guide
TC39 – Spec — ECMAScript language spec
NPM Trends – Compare Packages — Popularity comparisons
Bundlephobia – Package Size — Size & load time impact
Can I use – Browser Support — Feature compatibility tables
RegexOne – Learn Regular Expressions — Interactive regex lessons
JSONPlaceholder – Fake API — Test fetch calls

Featured Resources

Your JavaScript Resource Here — Reach thousands of JavaScript learners
Sponsor Slot Available — Featured placement for courses & tools
Advertise Your Platform — Connect with motivated JavaScript developers
Partnership Opportunities — Promote your JavaScript resources

Support This Directory

Newsletter Signup

Get updates on new JavaScript resources and learning paths

I want to receive updates about new games and features