The Senior Frontend Engineering Handbook
A structured preparation system for senior frontend interviews, built as a polished ebook website with MDX chapters, topic cards, code practice, and a workflow designed for one high-quality question at a time. Topic depth is adaptive, so important areas can get more questions, code, diagrams, and revision material when needed.
Start building your trail
Recent reading activity stays in this browser. Time is recorded quietly in the background while scroll progress stays visible on question pages.
Start with the book, then revise by batch
New readers should begin at Q001 and move through the batches in order. Returning readers can open the latest chapter, review a batch, or jump into the practice consoles.
Volumes
Volume 1
100 questions / Broad senior frontend handbook foundation.
CompleteVolume 2
50 questions / Advanced JavaScript deep dive.
CompleteVolume 3
40 questions / React internals and advanced patterns.
CompleteVolume 4
60 questions / Performance, TypeScript, and Core Web Vitals.
CompleteVolume 5
30 questions / Networking, browser internals, and security.
Bridge40 questionsVolume 6
System design and platform engineering from product scope through leadership readiness.
Complete30 questionsVolume 7
Leadership, behavioural stories, mentorship evidence, conflict handling, and mock interview prep.
Complete25 questionsVolume 8
Advanced role-specific interview simulations for product, platform, design system, performance, and architecture rounds.
Complete75 questionsVolume 9
Frontend execution lab for code review, refactoring, TypeScript modeling, async UI, and testing drills.
Study Batches
Runtime Foundations
Q001-Q005 / Browser navigation, V8, execution context, call stack, and memory heap.
Core browser modelBrowser Scheduling and Rendering
Q006-Q015 / Event loop scheduling, rendering pipeline, storage, cookies, events, script loading, and workers.
Production browser boundariesNetwork, Cache and Security
Q016-Q027 / Service workers, HTTP caching, CORS, fetch lifecycle, realtime transports, observability, performance APIs, bundling, memory, XSS, CSP, CSRF, and isolation controls.
Topic Map
JavaScript & Browser Fundamentals
Rendering, networking, the event loop, execution context, memory, and browser pipelines.
Advanced JavaScript
Lexical environments, closures, prototypes, classes, iteration protocols, promises, async flow, modules, metaprogramming, memory, cancellation, errors, functional patterns, performance utilities, equality, safe objects, modern syntax, events, streams, dates, Intl, regex, numeric precision, URLs, debugging, measurement, compatibility, runtime contracts, loading boundaries, safe parsing, scheduling, config, and reliability capstone.
React Fundamentals
Components, state, effects, rendering, reconciliation, data flow, Fiber basics, keys, batching, synchronization, memoization, refs, reducers, custom hooks, Context, forms, boundaries, concurrent updates, performance debugging, data ownership, routing, modern APIs, testing, governance, security, and async UI.
Advanced React
Fiber, reconciliation, state queues, effects, memoization, referential stability, refs, reducers, custom hooks, Context, external stores, resilient forms, Suspense, error boundaries, transitions, deferred values, optimistic UI, preserved state, profiling, virtualization, composition APIs, portals, Server Components, hydration, routing, data boundaries, effect events, stable IDs, React Compiler, view transitions, test strategy, component governance, migrations, observability, security, capstone architecture, and large application design.
Performance, TypeScript & Core Web Vitals
Type systems, strict TypeScript, structural typing, inference, unions, narrowing, generics, utility types, mapped types, conditional types, typed events, declarations, React prop APIs, forms, runtime schemas, error modeling, Next.js boundaries, typed telemetry, feature flags, testing contracts, main-thread responsiveness, workers, memory leaks, rendering pipeline, network waterfalls, caching, resource hints, mobile performance, hydration, streaming, dependency governance, security headers, secure storage, auth UX, resilient networking, source maps, release monitoring, incident triage, production readiness, accessibility, localization, SEO, PDF export, offline readiness, runtime performance, bundle strategy, profiling, Core Web Vitals, LCP, INP, CLS, field measurement, performance budgets, loading strategy, asset optimization, third-party governance, and debugging workflows.
Networking, Browser Internals & Security
HTTP contracts, cache validation, DNS, TCP, TLS, HTTP versions, CORS, credentials, secure cookies, CSRF, CSP, service workers, storage partitioning, secure API boundaries, OAuth, OIDC, PKCE, token refresh, browser permissions, iframe isolation, postMessage, Web Crypto, realtime transports, secure uploads, download safety, COOP, COEP, CORP, supply-chain governance, patch operations, secrets boundaries, logging privacy, security testing, threat modeling, architecture review, incident response, privacy impact reviews, senior security answer structure, browser origin policy, sandboxing, trust boundaries, auth, storage, privacy, and attack surfaces.
System Design & Platform Engineering
Frontend system design, requirement gathering, scope control, domain modeling, state ownership, API contracts, pagination, filtering, scalability trade-offs, client/server/edge responsibility placement, rendering architecture, SSR, SSG, ISR, streaming, client islands, micro frontends, design systems, search architecture, realtime collaboration, deployment architecture, AWS, Docker, Kubernetes, CI/CD, observability, feature flags, experimentation, cost management, progressive delivery, architecture reviews, RFCs, migrations, roadmaps, leadership interfaces, advanced mock scenarios, critique prompts, hiring calibration, enterprise capstones, readiness planning, behavioural preparation, mock loops, interview drills, and platform operating models.
Leadership & Mock Interviews
Senior communication, engineering judgment, ambiguity, conflict, influence, mentorship, delegation, failure stories, incident leadership, executive communication, staff and principal calibration, role-specific interview loops, negotiation strategy, company research, recruiter screens, hiring manager conversations, take-home strategy, portfolio storytelling, final offer comparison, resignation transitions, first 30-60-90 day plans, onboarding strategy, career operating systems, profile review, behavioural story revision, final leadership capstones, story banks, behavioural evidence, scorecards, level calibration, and real mock interview preparation.
Advanced Interview Simulations
Role-specific senior frontend simulations for product flows, frontend platform developer experience, design system component APIs, dashboard performance debugging, legacy React migrations, company-specific preparation packs, live coding strategy, take-home reviews, architecture scorecards, full mock loops, production debugging, API contracts, frontend observability, project-based assessments, advanced state management, design critique, accessibility audits, release readiness, case-study defense, portfolio presentation, negotiation follow-ups, offer decisions, final readiness checks, evidence-based trade-offs, rollout planning, adoption strategy, and realistic follow-up prompts.
Frontend Execution Lab
Production-style frontend drills for code review, hook refactoring, TypeScript API modeling, async search UI, stale response prevention, testing boundaries, editor workflow, debugging kata, accessibility fixes, performance refactors, implementation planning, practice console UX, clipboard feedback, safe execution, saved snippets, QA verification, review checklists, implementation capstones, readiness gates, dark-mode contrast audits, editor transform extraction and tests, console truncation UX, run status, TypeScript feedback panel work, local snippet persistence, final QA documentation, artifact readiness, portfolio presentation, Volume 9 capstone synthesis, closure planning, and practical senior execution.
Last Minute Prep
Final-hour revision cards
Scan answer shapes, traps, and production metrics before an interview, then jump back into the full chapter when needed.