An interactive, browser-based course that teaches JavaScript from the ground up across 50 hands-on lessons — no setup required.
- Live Code Editor — Built-in Monaco editor with syntax highlighting and instant execution
- Structured Curriculum — 5 phases covering fundamentals through advanced topics (async, Web APIs, design patterns, and more)
- Interactive Exercises — Predict-the-output challenges, quizzes, and coding tasks with real-time validation
- Progress Tracking — Automatic lesson completion saved to localStorage
- Fully Responsive — Works on desktop, tablet, and mobile
- Clone the repo
- Serve the folder with any static file server:
npx serve . - Open
http://localhost:3000in your browser
No build step, no dependencies — just HTML, CSS, and vanilla JavaScript.
| Phase | Lessons | Topics |
|---|---|---|
| 1 — Foundations | 1–10 | Variables, types, operators, control flow, loops, functions, arrays, objects |
| 2 — Core Language | 11–20 | Scope, closures, this, prototypes, classes, destructuring, modules, regex, error handling |
| 3 — Async & Beyond | 21–30 | Callbacks, promises, async/await, DOM, events, fetch, JSON, storage, dates |
| 4 — Advanced | 31–40 | ES6+ features, iterators, generators, symbols, proxies, FP patterns, design patterns |
| 5 — Mastery | 41–50 | Web APIs, Web Components, Canvas, testing, and a capstone project |
- Vanilla HTML / CSS / JavaScript
- Monaco Editor (CDN)
- No frameworks or build tools
Developed with ♥ by AI pals and devosmos