Skip to content
Launchpad

Track

The DOM track

Reading and writing the live document: selecting, creating and updating elements, events, forms, storage and network requests.

javascript track

Ordered the way it's meant to be learned — each lesson assumes the ones before it.

5 lessons live

The DOM & Browser APIs

Selecting elements, handling events and updating the page without reloads.

  1. The DOM: Selecting & Traversing the Live DocumentWhat the DOM actually is, how the browser turns markup into a live tree of nodes, and how to select into it, read it safely, and walk it - the place where JavaScript meets the page.40 minbeginner
  2. The DOM: Creating, Updating & Removing ContentElements from scratch: creating nodes and configuring them, placing them precisely with append and friends, rendering lists from data, removing and replacing nodes, and batching inserts without danger.40 minbeginner
  3. Events: Responding to Your UserWire real interaction with addEventListener: the event object, the events you will use daily, bubbling and delegation, removing listeners, and preventing the browser's defaults.45 minbeginner
  4. Forms & Validation in the BrowserRead form values at the right moment, handle submit without a page reload, validate with the constraint validation API, give feedback people can perceive, and collect everything with FormData.40 minintermediate
  5. Browser Storage & Network RequestsPersist data on the device with localStorage and IndexedDB, and load data over the network with fetch, promises and async/await - rendering loading, error and empty states honestly.45 minintermediate

Part of the Web Developer path