Learn JavaScript
from Zero to Advanced
Learn JavaScript from zero to advanced — roadmap, examples, practice and real projects.
A clear path, not a pile of links
Four levels. 24 hand-written topics with the same structure every time: explanation → syntax → example → output → mistakes → practice → mini project.
Start here. Master the syntax, variables, control flow and data structures.
Make pages come alive — read & modify elements, react to clicks and form input.
Scope, closures, asynchronous code, Promises, async/await, ES6+ and error handling.
Build real apps end-to-end. The fastest way to internalise everything you've learned.
Built for actually learning
Live code runner
Every example has a Run button. Edit, experiment, learn by doing.
Same structure every time
Explanation, syntax, example, output, mistakes, practice — predictable and easy to study.
Practice + projects
30+ practice problems and 8 full projects with HTML / CSS / JS source.
Search any topic
Hit the search icon and jump straight to what you need.
Bookmarks & progress
Mark topics as done. Your progress saves locally — no account needed.
Dark & light mode
Easy on the eyes whether you study at noon or midnight.
Ready when you are.
Open the roadmap and pick where you want to start. You can always jump around.
Open the roadmap