HTML / CSS / JavaScript
Modern Web Platform
The durable core: semantic markup, resilient styling, progressive enhancement, browser APIs, performance, and shipping.
By the end of this path
Ship a fast, accessible interface that uses the platform first and remains useful when newer capabilities are unavailable.
Lessons
Six studio lessons
-
01
HTML that works harder
Use landmarks, forms, dialog, popover, disclosure, and native controls before reaching for custom widgets. 70 min -
02
Layout without page breakpoints
Compose with Grid, subgrid, container queries, logical properties, and intrinsic sizing. 85 min -
03
CSS as an interface language
Practice cascade layers, nesting, style queries, anchor positioning, color spaces, and resilient fallbacks. 95 min -
04
JavaScript as enhancement
Build with modules, events, workers, the Navigation API, Trusted Types, and capability detection. 95 min -
05
Performance is product design
Budget LCP, INP, and CLS; inspect the critical path; make expensive work visible. 70 min -
06
Capstone: the resilient interface
Ship one useful workflow that works with keyboard, touch, slow networks, and reduced motion. 120 min