← Back to academy

8 weeks

8-Week Mid-Senior Roadmap

The full academy path from foundations to senior frontend system design.

Audience

Frontend engineers preparing broadly for mid-senior roles.

Outcome

Build durable coverage across JavaScript, TypeScript, React, UI architecture, testing, performance, and job-loop communication.

Practice Items

250 questions

Format Mix

Quiz · 10 Debugging · 77 JS Function · 60 UI Component · 38 React App · 19 React Hook · 1 System Design · 25 Behavioral · 19 Portfolio · 1

Practice Sequence

01Explain JavaScript runtime orderingShows whether you understand javascript runtime ordering as an operating model, not as memorized trivia.QuizFoundation15m 02Debug JavaScript runtime orderingShows whether you understand javascript runtime ordering as an operating model, not as memorized trivia.DebuggingMid25m 03Design JavaScript runtime orderingShows whether you understand javascript runtime ordering as an operating model, not as memorized trivia.DebuggingMid30m 04Senior tradeoff JavaScript runtime orderingShows whether you understand javascript runtime ordering as an operating model, not as memorized trivia.DebuggingSenior35m 05Explain Promise failure propagationShows whether you understand promise failure propagation as an operating model, not as memorized trivia.QuizFoundation15m 06Debug Promise failure propagationShows whether you understand promise failure propagation as an operating model, not as memorized trivia.DebuggingMid25m 07Design Promise failure propagationShows whether you understand promise failure propagation as an operating model, not as memorized trivia.DebuggingMid30m 08Senior tradeoff Promise failure propagationShows whether you understand promise failure propagation as an operating model, not as memorized trivia.DebuggingSenior35m 09Explain Closure lifetime and memoryShows whether you understand closure lifetime and memory as an operating model, not as memorized trivia.QuizFoundation15m 10Debug Closure lifetime and memoryShows whether you understand closure lifetime and memory as an operating model, not as memorized trivia.DebuggingMid25m 11Design Closure lifetime and memoryShows whether you understand closure lifetime and memory as an operating model, not as memorized trivia.DebuggingMid30m 12Senior tradeoff Closure lifetime and memoryShows whether you understand closure lifetime and memory as an operating model, not as memorized trivia.DebuggingSenior35m 13Explain Objects, prototypes, and classesShows whether you understand objects, prototypes, and classes as an operating model, not as memorized trivia.QuizFoundation15m 14Debug Objects, prototypes, and classesShows whether you understand objects, prototypes, and classes as an operating model, not as memorized trivia.DebuggingMid25m 15Design Objects, prototypes, and classesShows whether you understand objects, prototypes, and classes as an operating model, not as memorized trivia.DebuggingMid30m 16Senior tradeoff Objects, prototypes, and classesShows whether you understand objects, prototypes, and classes as an operating model, not as memorized trivia.DebuggingSenior35m 17Explain TypeScript narrowingShows whether you understand typescript narrowing as an operating model, not as memorized trivia.QuizFoundation15m 18Debug TypeScript narrowingShows whether you understand typescript narrowing as an operating model, not as memorized trivia.DebuggingMid25m 19Design TypeScript narrowingShows whether you understand typescript narrowing as an operating model, not as memorized trivia.DebuggingMid30m 20Senior tradeoff TypeScript narrowingShows whether you understand typescript narrowing as an operating model, not as memorized trivia.DebuggingSenior35m 21Explain Generic API modelingShows whether you understand generic api modeling as an operating model, not as memorized trivia.QuizFoundation15m 22Debug Generic API modelingShows whether you understand generic api modeling as an operating model, not as memorized trivia.DebuggingMid25m 23Design Generic API modelingShows whether you understand generic api modeling as an operating model, not as memorized trivia.DebuggingMid30m 24Senior tradeoff Generic API modelingShows whether you understand generic api modeling as an operating model, not as memorized trivia.DebuggingSenior35m 25Explain HTML semantics and formsShows whether you understand html semantics and forms as an operating model, not as memorized trivia.QuizFoundation15m 26Debug HTML semantics and formsShows whether you understand html semantics and forms as an operating model, not as memorized trivia.DebuggingMid25m 27Design HTML semantics and formsShows whether you understand html semantics and forms as an operating model, not as memorized trivia.DebuggingMid30m 28Senior tradeoff HTML semantics and formsShows whether you understand html semantics and forms as an operating model, not as memorized trivia.DebuggingSenior35m 29Explain CSS layout mechanicsShows whether you understand css layout mechanics as an operating model, not as memorized trivia.QuizFoundation15m 30Debug CSS layout mechanicsShows whether you understand css layout mechanics as an operating model, not as memorized trivia.DebuggingMid25m 31Design CSS layout mechanicsShows whether you understand css layout mechanics as an operating model, not as memorized trivia.DebuggingMid30m 32Senior tradeoff CSS layout mechanicsShows whether you understand css layout mechanics as an operating model, not as memorized trivia.DebuggingSenior35m 33Explain Accessibility interaction modelShows whether you understand accessibility interaction model as an operating model, not as memorized trivia.QuizFoundation15m 34Debug Accessibility interaction modelShows whether you understand accessibility interaction model as an operating model, not as memorized trivia.DebuggingMid25m 35Design Accessibility interaction modelShows whether you understand accessibility interaction model as an operating model, not as memorized trivia.DebuggingMid30m 36Senior tradeoff Accessibility interaction modelShows whether you understand accessibility interaction model as an operating model, not as memorized trivia.DebuggingSenior35m 37Explain Browser networking and securityShows whether you understand browser networking and security as an operating model, not as memorized trivia.QuizFoundation15m 38Debug Browser networking and securityShows whether you understand browser networking and security as an operating model, not as memorized trivia.DebuggingMid25m 39Design Browser networking and securityShows whether you understand browser networking and security as an operating model, not as memorized trivia.DebuggingMid30m 40Senior tradeoff Browser networking and securityShows whether you understand browser networking and security as an operating model, not as memorized trivia.DebuggingSenior35m 41Implement debounce with cancel and flushTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 42Harden debounce with cancel and flushTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 43Test debounce with cancel and flushTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 44Narrate debounce with cancel and flushTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 45Implement throttle with trailing callsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 46Harden throttle with trailing callsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 47Test throttle with trailing callsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 48Narrate throttle with trailing callsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 49Implement memoize with cache invalidationTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 50Harden memoize with cache invalidationTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 51Test memoize with cache invalidationTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 52Narrate memoize with cache invalidationTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 53Implement deep clone with cyclesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 54Harden deep clone with cyclesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 55Test deep clone with cyclesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 56Narrate deep clone with cyclesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 57Implement deep equality with arrays and objectsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 58Harden deep equality with arrays and objectsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 59Test deep equality with arrays and objectsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 60Narrate deep equality with arrays and objectsTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 61Implement flatten nested arraysTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 62Harden flatten nested arraysTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 63Test flatten nested arraysTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 64Narrate flatten nested arraysTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 65Implement groupBy with stable orderingTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 66Harden groupBy with stable orderingTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 67Test groupBy with stable orderingTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 68Narrate groupBy with stable orderingTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 69Implement compose and pipeTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 70Harden compose and pipeTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 71Test compose and pipeTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 72Narrate compose and pipeTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 73Implement event emitter with once and offTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 74Harden event emitter with once and offTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 75Test event emitter with once and offTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 76Narrate event emitter with once and offTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 77Implement promise pool concurrency limiterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 78Harden promise pool concurrency limiterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 79Test promise pool concurrency limiterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 80Narrate promise pool concurrency limiterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 81Implement retry with abort and jitterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 82Harden retry with abort and jitterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 83Test retry with abort and jitterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 84Narrate retry with abort and jitterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 85Implement timeout wrapper for promisesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 86Harden timeout wrapper for promisesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 87Test timeout wrapper for promisesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 88Narrate timeout wrapper for promisesTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 89Implement least-recently-used cacheTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 90Harden least-recently-used cacheTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 91Test least-recently-used cacheTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 92Narrate least-recently-used cacheTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 93Implement query string parserTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 94Harden query string parserTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 95Test query string parserTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 96Narrate query string parserTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 97Implement object path getter and setterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid30m 98Harden object path getter and setterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionMid35m 99Test object path getter and setterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior35m 100Narrate object path getter and setterTests whether you can turn a familiar utility into a precise contract instead of coding only the happy path.JS FunctionSenior40m 101Build an accessible modal dialogShows whether you can build components as interaction systems rather than visual boxes.UI ComponentMid45m 102Review a broken accessible modal dialogTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingMid35m 103Build a combobox autocompleteShows whether you can build components as interaction systems rather than visual boxes.UI ComponentMid45m 104Review a broken combobox autocompleteTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingMid35m 105Build a multi-select listboxShows whether you can build components as interaction systems rather than visual boxes.UI ComponentMid45m 106Review a broken multi-select listboxTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingMid35m 107Build a sortable data tableShows whether you can build components as interaction systems rather than visual boxes.UI ComponentMid45m 108Review a broken sortable data tableTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingMid35m 109Build a virtualized feedShows whether you can build components as interaction systems rather than visual boxes.UI ComponentMid45m 110Review a broken virtualized feedTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingMid35m 111Build a file explorer treeShows whether you can build components as interaction systems rather than visual boxes.UI ComponentMid45m 112Review a broken file explorer treeTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingMid35m 113Build a toast notification systemShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 114Review a broken toast notification systemTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 115Build a tabs with keyboard navigationShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 116Review a broken tabs with keyboard navigationTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 117Build an accordion with preserved focusShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 118Review a broken accordion with preserved focusTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 119Build a popover menuShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 120Review a broken popover menuTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 121Build an image carouselShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 122Review a broken image carouselTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 123Build a drag and drop reorder listShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 124Review a broken drag and drop reorder listTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 125Build a form wizardShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 126Review a broken form wizardTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 127Build a date range pickerShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 128Review a broken date range pickerTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 129Build a command paletteShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 130Review a broken command paletteTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 131Build a resizable split paneShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 132Review a broken resizable split paneTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 133Build an inline editable textShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 134Review a broken inline editable textTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 135Build an infinite scroll listShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 136Review a broken infinite scroll listTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 137Build a responsive navigation shellShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 138Review a broken responsive navigation shellTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 139Build a status timelineShows whether you can build components as interaction systems rather than visual boxes.UI ComponentSenior60m 140Review a broken status timelineTests senior review instincts: behavior, state ownership, accessibility, and tests.DebuggingSenior35m 141Implement useState derivation in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppMid40m 142Debug useState derivation under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 143Implement useEffect cleanup in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppMid40m 144Debug useEffect cleanup under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 145Implement useReducer state machines in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppMid40m 146Debug useReducer state machines under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 147Implement useMemo and useCallback boundaries in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppMid40m 148Debug useMemo and useCallback boundaries under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 149Implement custom useQuery hook in a product componentShows whether you can explain React behavior while building maintainable product UI.React HookMid40m 150Debug custom useQuery hook under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 151Implement optimistic updates in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppMid40m 152Debug optimistic updates under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 153Implement external store subscription in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppMid40m 154Debug external store subscription under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 155Implement context performance in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppMid40m 156Debug context performance under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 157Implement controlled forms in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 158Debug controlled forms under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 159Implement server state versus client state in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 160Debug server state versus client state under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 161Implement Suspense loading boundaries in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 162Debug Suspense loading boundaries under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 163Implement error boundaries in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 164Debug error boundaries under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 165Implement transition-driven filtering in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 166Debug transition-driven filtering under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 167Implement virtualized rendering in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 168Debug virtualized rendering under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 169Implement compound components in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 170Debug compound components under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 171Implement render props versus hooks in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 172Debug render props versus hooks under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 173Implement React key stability in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 174Debug React key stability under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 175Implement hydration mismatch debugging in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 176Debug hydration mismatch debugging under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 177Implement component API design in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 178Debug component API design under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 179Implement state colocation refactor in a product componentShows whether you can explain React behavior while building maintainable product UI.React AppSenior55m 180Debug state colocation refactor under interview pressureTests whether you debug from ownership and lifecycle instead of random dependency-array edits.DebuggingSenior35m 181Design an autocomplete searchShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 182Design an enterprise data tableShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 183Design a rich text editorShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 184Design a collaborative document editorShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 185Design a news feedShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 186Design a chat applicationShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 187Design a notification centerShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 188Design a dashboard builderShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 189Design a design system platformShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 190Design an image upload and moderation flowShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 191Design a video streaming surfaceShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 192Design a calendar scheduling appShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignSenior50m 193Design an e-commerce marketplace frontendShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 194Design a travel booking frontendShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 195Design an analytics dashboardShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 196Design a feature flag consoleShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 197Design an offline-first notes appShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 198Design a real-time incident dashboardShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 199Design a browser drawing toolShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 200Design a form builderShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 201Design a permissions management UIShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 202Design a settings and billing consoleShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 203Design a search results pageShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 204Design an AI chat workspaceShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 205Design a front-end observability SDKShows whether you can turn a broad product surface into a durable frontend architecture with clear contracts.System DesignStaff65m 206Practice: unit test a reducer with illegal transitionsShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.DebuggingMid35m 207Practice: mock server states with MSWShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentMid35m 208Practice: write Playwright reload recoveryShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentMid35m 209Practice: profile a slow React renderShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentMid35m 210Practice: debug a hydration mismatchShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.DebuggingMid35m 211Practice: measure Core Web Vitals regressionShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentMid35m 212Practice: test keyboard navigationShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentMid35m 213Practice: verify screen reader namesShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentMid35m 214Practice: write visual regression statesShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.DebuggingSenior45m 215Practice: debug a memory leak from listenersShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 216Practice: trace duplicate network requestsShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 217Practice: build a browser storage migration testShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 218Practice: audit bundle size growthShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.DebuggingSenior45m 219Practice: debug stale cache dataShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 220Practice: test optimistic update rollbackShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 221Practice: create incident notes for frontend outageShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 222Practice: instrument client error loggingShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.DebuggingSenior45m 223Practice: design feature flag cleanup testsShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 224Practice: load test polling behaviorShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 225Practice: verify CSP and XSS boundariesShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 226Practice: triage flaky E2E testsShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.DebuggingSenior45m 227Practice: write component contract testsShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 228Practice: debug race conditions in searchShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 229Practice: profile virtualized list jankShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.UI ComponentSenior45m 230Practice: test form validation accessibilityShows whether you can prove frontend behavior instead of relying on screenshots or manual confidence.DebuggingSenior45m 231Prepare two-minute frontend senior pitchShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 232Prepare resume project narrativeShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 233Prepare migration leadership storyShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 234Prepare performance impact storyShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 235Prepare conflict with product or designShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 236Prepare debugging incident storyShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 237Prepare mentoring and code review storyShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 238Prepare first 30 days in a new frontend teamShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralMid30m 239Prepare first 90 days execution planShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior30m 240Prepare reverse questions for platform teamShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior30m 241Prepare reverse questions for product teamShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior40m 242Prepare salary and role-leveling discussionShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior40m 243Prepare take-home project scopingShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior40m 244Prepare live coding narrationShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior40m 245Prepare system design opening scriptShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior40m 246Prepare tradeoff language practiceShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralSenior40m 247Prepare unknown-domain ramp-up answerShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralStaff40m 248Prepare failure and learning storyShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralStaff40m 249Prepare staff-leaning leverage storyShows whether your communication matches the level of ownership expected from senior frontend engineers.BehavioralStaff40m 250Prepare portfolio README reviewShows whether your communication matches the level of ownership expected from senior frontend engineers.PortfolioStaff40m