Self-pacedBeginner8 modules~4.0 hours hands-on
JavaScript for the Browser
Build CityScope, a searchable city and weather explorer, while mastering modern JavaScript, the DOM, modules, async data, storage, and defensive debugging.
// What you'll be able to do- The browser-JavaScript bridge and the road ahead
- Create CityScope's semantic shell and module entry point
- Transform city data with pure functions and closures
- Turn search input into an accessible interactive interface
8 modules, built to run
Every module ships runnable code. Expand any one to see what's inside.
00IntroductionWhat we're building and why30 min
Objective — What we're building and why
Start moduleFree preview
01OrientationThe browser-JavaScript bridge and the road ahead30 min
Objective — The browser-JavaScript bridge and the road ahead
02Project SetupCreate CityScope's semantic shell and module entry point30 min
Objective — Create CityScope's semantic shell and module entry point
03Data, Functions & ScopeTransform city data with pure functions and closures30 min
Objective — Transform city data with pure functions and closures
04DOM, Events & FormsTurn search input into an accessible interactive interface30 min
Objective — Turn search input into an accessible interactive interface
05Modules & Asynchronous DataLoad local JSON with fetch, promises, and explicit UI states30 min
Objective — Load local JSON with fetch, promises, and explicit UI states
06Storage & Defensive DebuggingPersist favorites and recover safely from bad data30 min
Objective — Persist favorites and recover safely from bad data
07See It RunVerify the complete explorer and prove what you can build30 min
Objective — Verify the complete explorer and prove what you can build
Ready to start JavaScript for the Browser?
Start with the free Module 0, then unlock the full course on a Pro plan.