A2Z Frontend
From JavaScript fundamentals to frontend system design. One structured curriculum—60 topics across 7 modules, aligned with how frontend interviews are run today.
Who it's for
Frontend interviews, junior to staff
One curriculum—start with fundamentals for early-career loops, or jump to system design, performance, and platform modules for senior and staff panels.
- Junior frontend engineer
- Mid-level frontend (2–5 YOE)
- Senior frontend engineer
- Staff / principal frontend
- React & UI engineer
- Frontend system design loops
Three pillars
What you'll master
JavaScript and React first—then system design, performance, platform depth, and the security, a11y, and case-study loops senior panels run.
Core frontend craft
JavaScript and React—the depth interviewers probe first
- Execution context, closures & the event loop
- Prototypes, async patterns & tricky outputs
- Hooks, reconciliation & state architecture
- Testing, routing & performance fundamentals
Senior engineering depth
System design, performance, and platform thinking
- Frontend system design & rendering trade-offs
- Core Web Vitals, bundles & React internals
- Monorepos, design systems & BFF patterns
- Migrations and delivery at scale
Interview-ready outcomes
Security, accessibility, and full product case studies
- XSS, auth & secure architecture
- WCAG and complex widget accessibility
- Feeds, real-time, streaming & collaboration
- Whiteboard-ready case study frameworks
Every topic covered
Seven learning modules with the guides covered in each phase.
| # | Module | Topics |
|---|---|---|
| 1 | Core JavaScript | Fundamentals, Execution Context & this, Functions & Closures, Objects and Array, Prototypes and Inheritance, Asynchronous JavaScript, DOM and Events, Advanced JavaScript, Tricky JavaScript Output, JavaScript challenges |
| 2 | Deep React | Fundamentals, React Hooks, React Routing, State Management, React performance, React Testing, Advanced ReactJs |
| 3 | Frontend System Design | FSD Fundamentals, Frontend Architecture, Rendering Strategies, State Management, Real-Time Systems, Reliability & Resilience, Design Systems, Microfrontends, Progressive Web Apps (PWA), Security Basics, Accessibility Engineering, System Design Case Studies |
| 4 | Frontend Performance Engineering | Browser Internals, Event Loop & Async Internals, Core Web Vitals, React Rendering Internals, React Performance Optimization, Rendering Optimization, Bundle & Asset Optimization, Network Performance, Memory & Runtime Optimization, Performance Tooling & Monitoring |
| 5 | Frontend Architecture & Platform Engineering | Large-Scale Frontend Architecture, Monorepo Architecture, Shared UI Platforms, Backend for Frontend (BFF), Frontend Infrastructure, Team Scalability, Migration Strategies, Observability & Production Engineering, Feature Delivery Systems |
| 6 | Frontend Security & Accessibility | Frontend Security Fundamentals, Web Security Vulnerabilities, Secure Frontend Architecture, Supply Chain Security, Accessibility Foundations, Advanced Accessibility |
| 7 | Frontend Case Studies | News Feed System, Analytics Dashboard System, Autocomplete System, Google Docs Clone, Video Streaming Platform, AI Chat Application |
Practice & apply
After the guides—rehearse machine coding in the editor, then explore verified roles on the job board.
Machine coding practice
Real interview-style problems in the browser—write code, run tests, and optionally get EvalPro feedback on your solution.
- JS & React machine coding challenges
- In-editor tests and starter templates
- Pair with EvalPro when you want AI review
Job board
Verified tech listings from career sites and ATS feeds—filter by role, experience, location, and frontend-only views.
- All tech jobs and frontend-focused board
- Search by title, company, and location
- Apply when your prep is ready