Interview Prep Roadmap — Frontend Engineering, Backend Engineering, System Design, AI Engineering

1. 01

   JavaScript foundations and async fluency

   You already know the stack, so this refreshes the JavaScript fundamentals most likely to be probed in interviews before moving to deeper language behavior.

   16 topics

   • Variables & Data Typesbeginner
   • Operators & Expressionsbeginner
   • Control Flow & Loopsbeginner
   • Functionsbeginner
   • Scopebeginner
   • Hoistingbeginner
   • Objectsbeginner
   • Arrays & Array Methodsbeginner
   • Destructuring, Spread & Restbeginner
   • Modern Syntax Essentialsbeginner
   • Closuresintermediate
   • Higher-Order Functions & Callbacksintermediate
   • The this Keywordintermediate
   • bind, call & applyintermediate
   • Execution Context & Call Stackintermediate
   • Event Loopintermediate
2. 02

   TypeScript for production code

   These topics tighten the type-system questions you’re likely to get in modern frontend and backend interviews.

   6 topics

   • TypeScript Fundamentalsbeginner
   • Typing Functions & Objectsbeginner
   • Unions & Narrowingintermediate
   • Genericsintermediate
   • Utility Typesintermediate
   • tsconfig & Declarationsintermediate
3. 03

   Browser, DOM, and web platform essentials

   This covers the browser-side concepts that often distinguish strong frontend candidates from framework-only candidates.

   14 topics

   • HTML Semantics & Structurebeginner
   • Accessibility (a11y)intermediate
   • CSS Fundamentalsbeginner
   • Flexboxbeginner
   • CSS Gridintermediate
   • Responsive Designintermediate
4. 04

   React fundamentals and hooks

   A focused React refresh helps reinforce component reasoning, state flow, and hook usage at interview depth.

   7 topics

   • JSX & Componentsbeginner
   • Props & Statebeginner
   • Events & Formsbeginner
   • Conditional Rendering & Listsbeginner
   • useState & useEffectintermediate
   • useRef & DOM Accessintermediate
5. 05

   React architecture, rendering, and performance

   These are the deeper React topics that interviewers use to test whether you understand how React behaves beyond the surface API.

   10 topics

   • Render & Commit Phasesadvanced
   • Reconciliation & Virtual DOMadvanced
   • Fiber & Concurrent Reactadvanced
   • State Architectureintermediate
   • External Stores (Zustand / Redux)intermediate
   • Server State (TanStack Query)intermediate
6. 06

   Next.js application architecture

   Since you already use Next.js, this consolidates the framework-specific concepts most relevant for real interview scenarios.

   13 topics

   • App Router Anatomyintermediate
   • Routing Deep Diveintermediate
   • Navigation & Prefetchingintermediate
   • Layouts & State Preservationintermediate
   • Server & Client Componentsadvanced
   • Streaming & Suspenseadvanced
7. 07

   Frontend system design and platform delivery

   These topics help you answer design questions about large frontend applications, delivery pipelines, and real-world operational concerns.

   11 topics

   • API Client Designintermediate
   • File Upload UXintermediate
   • How Browsers Workintermediate
   • HTTP for Frontend Engineersintermediate
   • DevTools Masteryintermediate
   • Monorepos & Package Managementadvanced
8. 08

   Node.js and API building

   This is the most interview-relevant backend path for you because it builds on the Node and SQL experience you already have.

   11 topics

   • Node.js Architectureintermediate
   • Modules & Package Managementbeginner
   • File System & Processbeginner
   • Events & EventEmitterintermediate
   • HTTP Fundamentalsbeginner
   • Express & Fastifybeginner
9. 09

   Backend data, auth, and operational depth

   These backend topics cover the database, security, and production concerns that commonly come up in senior-ish backend interviews.

   15 topics

   • SQL Fundamentalsbeginner
   • Relational Data Modelingintermediate
   • Transactions & ACIDadvanced
   • Indexing & Query Performanceadvanced
   • MongoDB & Document Modelingintermediate
   • ORMs & Query Buildersintermediate
10. 10

    System design foundations and traffic flow

    This starts the design track with the common vocabulary and primitives you need before tackling large-scale scenarios.

    15 topics

    • Scalability Fundamentalsintermediate
    • Back-of-Envelope Estimationintermediate
    • CAP & Consistency Modelsadvanced
    • The Interview Frameworkintermediate
    • DNS, CDN & Edgeintermediate
    • Load Balancingintermediate
11. 11

    AI engineering foundations and LLM application patterns

    Because AI Engineering is one of your chosen subjects, this gives you enough breadth to discuss and build modern LLM features in interviews.

    19 topics

    • How LLMs Workbeginner
    • The LLM Landscapebeginner
    • Prompt Engineeringbeginner
    • LLM API Fundamentalsbeginner
    • Structured Outputintermediate
    • Tool Use / Function Callingintermediate
12. 12

    AI system design and production readiness

    These are the most interview-useful advanced AI system design topics, ending with practical production concerns and tradeoffs.

    12 topics

    • Document Processing Pipelinesintermediate
    • GraphRAGadvanced
    • Long-context Strategiesadvanced
    • Serving Stack Fundamentalsadvanced
    • Quantizationadvanced
    • Local & Edge Modelsintermediate
    • Voice Agents & Realtime APIs

This is an anonymized snapshot shared by another learner — no names, notes, or progress. "Add to my roadmaps" copies the whole plan into your account as a new roadmap.