The handbook
All sections
21 sections, ordered the way you should learn them. Each one lists what to know, ranked by difficulty, with the single best resource for each item.
Core 5
- 01 Fundamentals How the web actually works — the base layer every interview assumes.
- 02 Browser Rendering, the event loop, storage, and the runtime your code lives in.
- 03 JavaScript The language, deeply — the questions asked in every frontend loop.
- 04 TypeScript Types that scale — generics, narrowing, and the tricky inference questions.
- 05 CSS Layout, the cascade, and the visual questions people underestimate.
Frameworks & State 3
Engineering craft 8
- 08 Architecture Structuring frontends that survive scale and many engineers.
- 09 Performance Core Web Vitals, loading strategy, and the measurable wins.
- 10 Security XSS, CSRF, CSP, and the client-side threats you must name.
- 11 Accessibility Semantics, ARIA, and keyboard-first interfaces.
- 12 Networking HTTP, caching, WebSockets, and everything above the socket.
- 14 Testing Unit, integration, e2e — and what to test at each layer.
- 18 Design patterns The reusable patterns that show up in machine-coding rounds.
- 19 Build your own Reimplement the tools — Promise, router, bundler, virtual DOM.
Interview prep 5
- 15 System design Design real frontend systems — the senior/staff differentiator.
- 16 Machine coding Build a working UI under time pressure — the SDE-2 sweet spot.
- 17 Interview patterns How rounds are scored, and the templates that pass them.
- 20 Company guides What Google, Meta, Amazon, Netflix, Stripe and more actually ask.
- 21 DSA for frontend The specific algorithmic slice frontend loops care about.