Complete track · self-paced · project-driven

The Complete JavaScript Course, beginning to mastery.

From “what is a variable?” to full-stack apps, real-time UIs, and knowing what the engine does with every line you write. JavaScript is the only language the browser speaks — and you’ll learn it by building, in the browser you already have. Every section ends with you writing code, not just reading about it.

6parts
27sections
105lessons
5projects
~85hest. time
Start the course1.1 — What Is Programming & Why JavaScript
Start →View dashboard

The journey — six ascending stages

I

PART I

Foundations

Absolute beginner → Confident beginner

4 sections0%
II

PART II

Core JS

Confident beginner → Intermediate

5 sections0%
III

PART III

Advanced JS

Intermediate → Advanced

4 sections0%
IV

PART IV

The Browser

Advanced → Web-platform fluent

5 sections0%
V

PART V

Professional

Advanced → Production-ready

6 sections0%
VI

PART VI

Mastery

Expert → Mentor

3 sections0%

Full curriculum

I

Foundations

Absolute beginner → Confident beginner
0%
1  Getting Started: Your Programming Mindset4 lessons
1.1What Is Programming & Why JavaScriptopen →
1.2JavaScript's Story & Ecosystemopen →
1.3Setting Up Your Workshopopen →
1.4Running Your First Codeopen →
2  The Building Blocks: Values, Variables & Types4 lessons
2.1Variables: let, const & the var of Oldopen →
2.2The Primitive Typesopen →
2.3Working with Numbersopen →
2.4Talking to the Useropen →
3  Strings & Template Literals3 lessons
3.1String Fundamentalsopen →
3.2Indexing, Slicing & Immutabilityopen →
3.3String Methods & Template Literalsopen →
4  Making Decisions: Logic & Control Flow4 lessons
4.1Operators & Expressionsopen →
4.2Equality & Coercion: == vs ===open →
4.3Conditional Logicopen →
4.4Loops & Iterationopen →
Milestone project

The Console Game Pack

Build a JavaScript console game pack: menu routing, number guessing, rock-paper-scissors, prompts, conditionals, and loops.

II

Core JavaScript

Confident beginner → Intermediate
0%
5  Functions: The Heart of the Language5 lessons
5.1Declaring & Calling Functionsopen →
5.2Arrow Functionsopen →
5.3Parameters in Depthopen →
5.4Scope, Hoisting & Closuresopen →
5.5Higher-Order Functions & Callbacksopen →
6  Arrays & Data Transformation4 lessons
6.1Array Fundamentalsopen →
6.2The Essential Methodsopen →
6.3map, filter, reduceopen →
6.4Sorting, Searching & Modern Additionsopen →
7  Objects: The Fabric of JavaScript5 lessons
7.1Object Literals & Propertiesopen →
7.2Destructuring, Spread & Restopen →
7.3Methods & a First Look at thisopen →
7.4References: Copy vs. Aliasopen →
7.5JSON: The Language of Dataopen →
8  Maps, Sets & Choosing Structures3 lessons
8.1Mapsopen →
8.2Setsopen →
8.3Choosing the Right Data Structureopen →
9  Robust Programs: Errors & Debugging3 lessons
9.1Errors & Exceptionsopen →
9.2Defensive Coding & Validationopen →
9.3Debugging in DevToolsopen →
Milestone project

The Data Cruncher

Build a JavaScript budget data cruncher with arrays of objects, map/filter/reduce, JSON round trips, validation, and graceful errors.

III

Advanced JavaScript

Intermediate → Advanced
0%
10  How JavaScript Really Works4 lessons
10.1The Execution Modelopen →
10.2The Event Loopopen →
10.3this, call, apply & bindopen →
10.4Memory & Garbage Collectionopen →
11  Object-Oriented JavaScript4 lessons
11.1Prototypes: The Truth About Objectsopen →
11.2Classes & Instancesopen →
11.3Encapsulation & Private Fieldsopen →
11.4Inheritance vs. Compositionopen →
12  Asynchronous JavaScript5 lessons
12.1Callbacks & the Pyramid of Doomopen →
12.2Promisesopen →
12.3async / awaitopen →
12.4Promise Combinatorsopen →
12.5Timers, Cancellation & Async Patternsopen →
13  The Power Features5 lessons
13.1Iterators, Generators & Iterator Helpersopen →
13.2Symbols & Well-Known Protocolsopen →
13.3Functional Patterns & Immutabilityopen →
13.4Regular Expressionsopen →
13.5Dates, Times & Temporalopen →
Milestone project

The Async Machine

Build an async dashboard with timers, promises, async/await, combinators, cancellation-shaped flows, classes, and state transitions.

IV

JavaScript in the Browser

Advanced → Web-platform fluent
0%
14  The Document Object Model4 lessons
14.1How the Browser Runs Your Codeopen →
14.2Selecting & Traversing the DOMopen →
14.3Creating, Changing & Removing Elementsopen →
14.4Styling from JavaScriptopen →
15  Events: Making Pages Interactive4 lessons
15.1Listening & Respondingopen →
15.2Bubbling, Capturing & Delegationopen →
15.3Forms & User Inputopen →
15.4Keyboard, Pointer & Beyondopen →
16  Talking to Servers4 lessons
16.1How the Web Worksopen →
16.2fetch() & REST APIsopen →
16.3Handling Failure Like a Proopen →
16.4Live Data: WebSockets & Streamsopen →
17  Storage, State & UI Architecture3 lessons
17.1localStorage, Cookies & IndexedDBopen →
17.2State → Render: UIs Without a Frameworkopen →
17.3Routing & the History APIopen →
18  The Web APIs Tour3 lessons
18.1Observers: Intersection, Mutation, Resizeopen →
18.2Canvas, Media & Device APIsopen →
18.3Web Workers & Off-Main-Thread Workopen →
Milestone project

The Real Web App

Build a framework-free task board with DOM state rendering, event delegation, fetch failure UI, and honest storage fallback.

V

Professional JavaScript

Advanced → Production-ready
0%
19  Modules, Tooling & the npm Ecosystem4 lessons
19.1ES Modules in Depthopen →
19.2npm, package.json & Dependenciesopen →
19.3Build Tools & Viteopen →
19.4Code Quality: Linters & Formattersopen →
20  TypeScript: JavaScript That Scales4 lessons
20.1Why Types (and Why Now)open →
20.2The Essential Type Systemopen →
20.3Generics & Utility Typesopen →
20.4Adopting TypeScript Graduallyopen →
21  Testing & Test-Driven Development4 lessons
21.1Testing Fundamentalsopen →
21.2Unit Testing with Vitestopen →
21.3Testing UIs & Mockingopen →
21.4End-to-End with Playwrightopen →
22  Node.js: JavaScript on the Server5 lessons
22.1The Node Runtime (& Deno, Bun)open →
22.2Files, Paths & Processesopen →
22.3Building an HTTP APIopen →
22.4Talking to Databasesopen →
22.5Environment, Config & Deploymentopen →
23  Git, Collaboration & Engineering Craft4 lessons
23.1Git Fundamentalsopen →
23.2Branching, Merging & Pull Requestsopen →
23.3Code Review & Working on a Teamopen →
23.4Automation with CI/CDopen →
24  Using AI as a Developer3 lessons
24.1AI as Your Pair Programmeropen →
24.2Working with AI Effectivelyopen →
24.3Using AI Responsiblyopen →
VI

Frameworks, Internals & Mastery

Expert → Mentor
0%
25  Frameworks: The Component Era4 lessons
25.1Why Frameworks Existopen →
25.2React in Focusopen →
25.3The Wider Landscape: Vue, Svelte & Signalsopen →
25.4Meta-Frameworks & Rendering on the Serveropen →
26  Under the Hood: Engines & Performance3 lessons
26.1Inside V8: How Your Code Gets Fastopen →
26.2Profiling & Web Performanceopen →
26.3The Spec, TC39 & Staying Currentopen →
27  Design, Architecture & Craftsmanship3 lessons
27.1Design Patterns in JavaScriptopen →
27.2Principles of Good Designopen →
27.3Becoming a JavaScript Professionalopen →
Milestone project

Ship Something Real

Design, build, test, document, version, and ship a JavaScript capstone: full-stack app, framework front-end, npm library, CLI tool, or browser game.

Completed In progress Upcoming🏆 Project — hands-on build💡 Insight — usually skipped elsewhere⚠️ Trap — classic mistake to learn early