Modern JavaScript Tutorial

JavaScript Tutorial

Modern JavaScript — from foundations to internals.

A structured path through the language. 57 lessons across 7 modules, written for readers who want mechanics, not magic. Free. No signup.

All 57 lessons live

The curriculum

Module 1 · 7 lessons · ~3 hrs

JavaScript Foundations

Variables, types, operators, conditionals, loops — the building blocks every JavaScript developer needs.

7 live
Module 2 · 8 lessons · ~3 hrs

Functions Deep Dive

Declarations, parameters, hoisting, scope, closures, `this`, higher-order, pure functions — everything that makes functions the heart of JS.

8 live
Module 3 · 7 lessons · ~3 hrs

Objects, Arrays & Iteration

Object literals, array methods, spread and destructuring, iterators, generators, symbols, and weak collections.

7 live
Module 4 · 5 lessons · ~2 hrs

Classes & OOP

Prototypes, classes, inheritance, private fields, and when composition beats inheritance.

5 live
Module 5 · 6 lessons · ~2 hrs

Asynchronous JavaScript

Callbacks, promises from scratch, async/await, error handling, and the event loop that powers it all.

6 live
Module 6 · 4 lessons · ~2 hrs

Modern JS Internals

ES modules, ES2024 features, type coercion gotchas, memory and garbage collection.

4 live
Module 7 · 5 lessons · ~2 hrs

Browser & DOM

DOM basics, events and delegation, forms, the Fetch API, and browser storage.

5 live
Module 8 · 4 lessons · ~2 hrs

Standard Library Deep Dive

Strings, numbers and BigInt, dates and Intl, and JSON — the built-in types you use every day.

4 live
Module 9 · 3 lessons · ~1 hrs

Regular Expressions

Regex syntax from basics through lookarounds, named groups, Unicode property escapes, and real-world patterns.

3 live
Module 10 · 4 lessons · ~2 hrs

Advanced JavaScript

Proxy and Reflect, async iteration, the Streams API, and Web Workers — the meta-programming and concurrency primitives.

4 live
Module 11 · 4 lessons · ~2 hrs

Beyond-DOM Browser APIs

IndexedDB, the observer APIs (Intersection, Resize, Mutation), Web Components, and Service Workers for PWAs.

4 live

Why this tutorial

  • Mechanics first. Each lesson explains what’s actually happening, not how to copy-paste a snippet.
  • ES2024-current. No legacy noise — modern JS as it actually exists today.
  • Stands alone. Every lesson is a complete article you can read standalone or in sequence.
  • No filler. Concise lessons, code-first, then real-world gotchas.