How the web works: browser, server, DNS, HTTP, request/response
Semantic HTML5 structure; forms, labels and accessible error summaries
CSS cascade, specificity, box model and design tokens
Flexbox, Grid and responsive layout; progressive enhancement
JavaScript values, functions, arrays, objects and modern iteration
DOM selection, events and form handling
Modules, fetch, promises and async/await; error handling and storage
TypeScript types, unions, interfaces, narrowing and strict mode
Typed API responses and null safety
Git repository, commits, branches, pull requests and merge review
AI-assisted coding rules: inspect, run, test, explain, cite
HANDS-ON LAB
Build an accessible, responsive customer-operations interface. Fetch typed sample records, filter and sort results, validate a form and handle loading, empty, offline and error states.
WORKPLACE SCENARIO
An operations team manages escalations in a shared spreadsheet and needs a usable browser application before backend automation can begin.
INJECTED FAILURE
The API returns an unexpected null field and later becomes unavailable — the interface must stay understandable and offer a recovery action.