Build for the open web
Learn the browser platform first, then layer on TypeScript, component architecture, full-stack frameworks, testing, and performance.
The learning path
Do not treat the resource links as a reading list. Learn enough to produce the outcome, then move forward.
Milestone 1
Build semantic documents, responsive layouts, and inclusive interfaces before introducing framework abstractions.
CheckpointRecreate a polished responsive page that works with keyboard and screen reader navigation.
Milestone 2
Master the language, the DOM, asynchronous work, modules, browser storage, and network requests.
CheckpointBuild an interactive application using only browser APIs and modular JavaScript.
Milestone 3
Use types to make change safer and learn the everyday tools that keep a codebase fast, consistent, and debuggable.
CheckpointConvert a JavaScript project to strict TypeScript with a clean quality gate.
Milestone 4
Design reusable components, predictable state, resilient data fetching, and interfaces that remain understandable as they grow.
CheckpointBuild a multi-view application with a coherent component and state architecture.
Milestone 5
Connect server rendering, databases, authentication, caching, and deployment into one production workflow.
CheckpointCreate a secure full-stack product with server-rendered and interactive views.
Milestone 6
Measure what users experience, automate regression checks, and ship small changes with confidence.
CheckpointAdd end-to-end tests and a performance budget to a continuously deployed application.
Capstone project
Ship an accessible, responsive full-stack product with authentication, tests, analytics, and measurable performance.