01Modules 1–4
Core stack
JavaScript, TypeScript, React, and Next.js — the depth every panel expects.
- Language fundamentals, async, and strict typing
- React hooks, performance, and state patterns
- Next.js rendering, caching, and Server Actions
A2Z Frontend · Complete senior frontend interview track
A2ZFrontend
Master the full senior frontend loop — from JavaScript depth to React, browser performance, and system design.
Follow one structured A2Z path with focused guides, real panel questions, defensible answers, and production trade-offs.
No scattered prep. No guesswork. Just the topics senior interviewers test — free to start.
Free · 116-topic complete track · Practice & DSA when you're ready
What you'll master
Language depth, platform craft, and interview-room skills — eight guide modules plus Practice and DSA.
02Modules 5–7
Platform & craft
Browser internals, security, and how production frontend teams ship.
- Rendering pipeline, Web Vitals, and optimization
- XSS, CSRF, auth flows, and OAuth PKCE
- Bundlers, monorepos, and web architecture
03Modules 8–10
Interview room
Machine coding, system design, and DSA under real loop pressure.
- Live UI builds in Practice sandboxes
- Frontend system design walkthroughs
- Pattern-first DSA lists on the platform
Explore topics
Guide modules in prep order — MDX guides plus Practice and DSA on the platform.
| # | Module | Interview focus | Topics | |
|---|---|---|---|---|
| 01 | The floor for every round—closures, event loop, async, utilities, and patterns panels still drill. Event loop & closuresPolyfills & patterns | The floor for every round—closures, event loop, async, utilities, and patterns panels still drill. Event loop & closuresPolyfills & patterns | 29 | Open guide |
| 02 | Types you defend in a staff loop—generics, strict mode, unions, and production API shapes. Generics & utility typesConditional & mapped types | Types you defend in a staff loop—generics, strict mode, unions, and production API shapes. Generics & utility typesConditional & mapped types | 10 | Open guide |
| 03 | Hooks, Fiber, render perf, and state trade-offs—beyond todo-app answers. Reconciliation & hooksZustand vs React Query | Hooks, Fiber, render perf, and state trade-offs—beyond todo-app answers. Reconciliation & hooksZustand vs React Query | 29 | Open guide |
| 04 | SSR modes, App Router, streaming, caching—ship React and explain why. SSR / SSG / ISRServer Actions & cache | SSR modes, App Router, streaming, caching—ship React and explain why. SSR / SSG / ISRServer Actions & cache | 7 | Open guide |
| 05 | URL → pixel, V8, networking, Core Web Vitals—senior “what happens when…” rounds. Rendering pipelineLCP, INP, CLS | URL → pixel, V8, networking, Core Web Vitals—senior “what happens when…” rounds. Rendering pipelineLCP, INP, CLS | 12 | Open guide |
| 06 | XSS, CSRF, token storage, OAuth PKCE—gaps that fail otherwise strong candidates. XSS & CSRFAuth in SPAs | XSS, CSRF, token storage, OAuth PKCE—gaps that fail otherwise strong candidates. XSS & CSRFAuth in SPAs | 6 | Open guide |
| 07 | Bundlers, ESM, monorepos, feature flags—how top teams ship and scale frontends. Vite vs WebpackPlatform & observability | Bundlers, ESM, monorepos, feature flags—how top teams ship and scale frontends. Vite vs WebpackPlatform & observability | 13 | Open guide |
| 08 | Machine CodingNavbar · Machine Coding 45-minute UI builds—tabs, virtual lists, autocomplete—clean code under clock pressure in the live editor. In-browser editorAutomated tests | 45-minute UI builds—tabs, virtual lists, autocomplete—clean code under clock pressure in the live editor. In-browser editorAutomated tests | 105 | Open Machine Coding |
| 09 | 10 FSD patterns—e-commerce, chat, docs, feed, video, Jira, drive, dashboard, design system, micro-frontends. Real interviewer promptsFull architecture walkthroughs | 10 FSD patterns—e-commerce, chat, docs, feed, video, Jira, drive, dashboard, design system, micro-frontends. Real interviewer promptsFull architecture walkthroughs | 10 | Open guide |
| 10 | DSANavbar · DSA Pattern-first problem lists—arrays, trees, graphs, DP—with LeetCode links and company tags. By patternCompany tags | Pattern-first problem lists—arrays, trees, graphs, DP—with LeetCode links and company tags. By patternCompany tags | 260 | Open DSA |
116 guide topics in A2Z modules · 105+ practice · 260+ DSA
Every topic page includes
- The exact interview question from the sheet
- Structured guide with concept breakdown
- Panel-ready solution you can defend live
- Follow-ups interviewers ask next
Pair guides with platform practice
After a module clicks, pressure-test in Practice or drill patterns in DSA—the same routes as the app navbar.
105+ challenges
Practice
JavaScript and React UI builds in the browser—write code, run tests, and track progress on your profile.
- Interview-style UI problems with starter templates
- Automated tests in the live editor
- Profile dashboard for solved challenges
260+ problems
DSA
Pattern-first lists across arrays, trees, graphs, and DP—with LeetCode links and company tags.
- Organised by topic and pattern
- Curated questions with difficulty tags
- Complements frontend loops that include DSA