Learn deeply.
Practice clearly.
A growing knowledge system for frontend engineers—structured handbooks, interview Q&A, quick references, and deliberate practice in one place.
Choose how you want to learn
Move from understanding to recall and practice without losing the topic context.
Structured handbooks
Build durable mental models through connected, interview-focused chapters.
Explore →Practice explanations
Start concise, then reveal reasoning and senior-level follow-up detail.
Explore →Recall facts quickly
Use focused comparisons, cheat sheets, APIs, and debugging checklists.
Explore →Turn knowledge into skill
Work through output prediction, debugging, coding, and architecture prompts.
Explore →Grow beyond one handbook
Follow the phased curriculum or jump directly to the subject you need.
JavaScript
AvailableRuntime internals, language semantics, browser behavior, and performance.
TypeScript
Phase 1Type modeling, inference, narrowing, generics, and maintainable API design.
React
ExpandingRendering, state, Effects, concurrency, server architecture, and component design.
Data Structures & Algorithms
Phase 1Core structures, reusable problem patterns, and popular interview tasks.
Browser & Web Platform
Phase 2Rendering, events, networking, storage, workers, and browser debugging.
Frontend System Design
Phase 2Requirements, boundaries, state, resilience, scalability, and tradeoffs.
HTML, CSS & Accessibility
Phase 2Semantic, resilient, responsive, and accessible interface engineering.
Testing
Phase 2Useful test boundaries, async UI, accessibility, and reliable test architecture.
Next.js
Phase 3A build-along roadmap from routing and rendering to secure deployment.
Performance
ExpandingMeasurement-led work across loading, rendering, interaction, and memory.
Web Security
Phase 3Browser threats, authentication, authorization, and secure implementation habits.
GraphQL
Phase 3Schema design, client caching, evolution, reliability, and API tradeoffs.