Web Foundations
4 topics · 3–4 weeks
Structure and style static pages with confidence.
Elements, forms, accessibility landmarks.
Box model, flexbox, grid, responsive design.
Custom properties, container queries, clamp().
Inspect, debug, and profile in the browser.
JavaScript Deep Dive
5 topics · 4–6 weeks
Master the language that powers all interactivity.
Types, scope, closures, prototypes.
Destructuring, modules, spread, optional chaining.
Promises, async/await, fetch, event loop.
Manipulate the page, delegate events.
Type safety at scale.
React
5 topics · 5–6 weeks
Build component-driven UIs with state.
useState, useEffect, custom hooks.
Context, Zustand, or Redux Toolkit.
TanStack Query, server state vs UI state.
React Router or a meta-framework.
Tooling & Meta-Frameworks
4 topics · 3–4 weeks
Ship real apps with production tooling.
Module bundling, HMR, code splitting.
SSR, routing, the modern React standard.
Utility-first styling.
Dependencies, scripts, monorepos.
Quality
4 topics · 3 weeks
Make it fast, accessible, and tested.
Vitest, Testing Library, Playwright.
Core Web Vitals, lazy loading, memoization.
ARIA, keyboard nav, WCAG basics.
Job Ready
4 topics · 2–4 weeks
Portfolio, deployment, and interview prep.
Vercel, Netlify, CI/CD.
2–3 polished apps beat 10 tutorials.
Frontend Developer
The frontend path takes you from the three core web languages through a modern component framework, tooling, and the performance and accessibility skills that separate juniors from hireable engineers.
4–6 months · 6 stages · 26 topics
Download PDFStages
Click a topic to open its notes. Drag to pan, scroll to zoom; dashed topics are optional.