JavaScript Learning Guide
Learn modern JavaScript by building browser applications, predicting results, testing behavior, explaining decisions, and improving with evidence.
Explore guide : JavaScript Learning GuideExplore a learning path
JavaScript tutorials
built for practice.
Learn JavaScript through clear explanations, runnable experiments and browser projects. Start with values and functions, then work with data, the DOM and asynchronous behavior.
A suggested route
Start here. Build from there.
Try these resources in order, or choose the one that matches your experience.
JavaScript 100 — Interactive Learning Studio
Learn JavaScript through 100 runnable lessons, 210 behavior checks, visual experiments and five project challenges.
Explore guide : JavaScript 100 — Interactive Learning StudioJavaScript DOM & Events Lab
Build buttons, forms, live search and dynamic lists through 20 real-browser workshops and a visual event-flow explorer.
Explore guide : JavaScript DOM & Events LabSkills you can practice
- Values, decisions and focused functions
- Arrays, objects and data transformations
- DOM events and browser interfaces
- Promises, fetch and debugging
Before you begin
Start with a modern browser and basic HTML. Early lessons explain JavaScript foundations; DOM practice assumes you can create a simple page and open the console.
Choose a guide for its specific experience level. Test with sample data, inspect the result, and keep a copy of any work you want to reuse.
Go deeper
Explore JavaScript guides
Choose a focused skill or a larger project.
JavaScript Engineering Academy Pro
Investigate JavaScript with 15 engineering tickets, an execution microscope, 50 prediction experiments and tested project milestones.
Explore guide : JavaScript Engineering Academy ProJavaScript DOM 100 — Interactive Interface Lab
Build living interfaces through 100 DOM lessons, editable JavaScript, live page experiments and practical projects.
Explore guide : JavaScript DOM 100 — Interactive Interface LabJavaScript 100 — Interactive Learning Studio
Learn JavaScript through 100 runnable lessons, 210 behavior checks, visual experiments and five project challenges.
Explore guide : JavaScript 100 — Interactive Learning StudioJavaScript Game Workshop
Create playable JavaScript games through 50 interactive lessons, editable rules and five mini projects.
Explore guide : JavaScript Game WorkshopJavaScript DOM Discovery Studio
Make pages come alive with 50 interactive DOM lessons, a live code workspace and five mini projects.
Explore guide : JavaScript DOM Discovery StudioJSON Learning Studio
Learn JSON through 16 hands-on lessons with real syntax validation, a data tree, JSON Pointer inspection and repair exercises.
Explore guide : JSON Learning StudioJavaScript Build Studio
Learn JavaScript through 24 guided builds with editable code, real execution, changeable input data and practical project views.
Explore guide : JavaScript Build StudioRegex Learning Lab
Find, extract and transform text with real JavaScript regex, visible matches and guided pattern challenges.
Explore guide : Regex Learning LabJavaScript Quest — Beginner Coding Adventure
Help Pip restore an island lighthouse through 15 beginner coding missions, real JavaScript checks and friendly hints.
Explore guide : JavaScript Quest — Beginner Coding AdventureJavaScript DOM & Events Lab
Build buttons, forms, live search and dynamic lists through 20 real-browser workshops and a visual event-flow explorer.
Explore guide : JavaScript DOM & Events LabJavaScript Async Lab
Master promises and async/await with 20 runnable challenges, a request timeline and event-loop prediction puzzles.
Explore guide : JavaScript Async LabJavaScript Array & Object Lab
Run real JavaScript through 20 data challenges, custom JSON inputs, visual pipelines and a copy detective experiment.
Explore guide : JavaScript Array & Object LabJavaScript Mastery Lab — 50 Lessons
Write and run real JavaScript through 50 guided lessons, visible test cases, useful projects and a step-by-step loop visualizer.
Explore guide : JavaScript Mastery Lab — 50 LessonsJavaScript Learning Guide
Learn modern JavaScript by building browser applications, predicting results, testing behavior, explaining decisions, and improving with evidence.
Explore guide : JavaScript Learning Guide