Every link worth bookmarking.
40 resources across 12 tracks. From DSA fundamentals to behavioral stories. 10-week study track included.
Suggested 10-week track
Light scaffolding if you're starting from zero. Adjust to the time you have.
DSA & Algorithms
Pattern-first problem solving tuned for frontend interviews. Track curated by us - start here.
JavaScript
Lock down the language fundamentals: event loop, closures, prototypes, promises, modules, and the DOM. Then stress-test with tricky snippets.
- javascript.infoPick
The deepest free JS course - Promises, classes, DOM events, cookies, storage.
Course· Freejavascript.info - 100 JS interview questions
Classic curated bank covering the most-asked JavaScript concepts.
Q&A bank· Freejavascriptinterviewquestions.com - 100 JS questions (archived mirror)
Wayback mirror in case the original is down.
Q&A bank· Freeweb.archive.org - Tricky ES6/7/8/9 code snippets
Predict-the-output drills across modern ES features.
Q&A bank· Freecodinn.dev - 1000+ JS interview questions
Encyclopedic GitHub repo - great for spaced review.
Q&A bank· Freegithub.com - GreatFrontEnd: top JS interview questionsPick
High-signal subset curated by frontend interviewers.
Q&A bank· Freegithub.com - JS interview Q&A - ChatGPT thread
Curated ChatGPT walkthrough of common JavaScript interview questions.
Q&A bank· Freechatgpt.com
Performance
Frontend perf is a frequent senior interview surface - Core Web Vitals, rendering pipeline, network, bundle, and runtime.
React
Rules of React, hooks, reconciliation, suspense, and server components. Pair docs with question banks for full coverage.
Next.js
App Router, server components, caching, route handlers, and rendering strategies.
Redux & State
Classic Redux, Redux Toolkit, RTK Query, and where modern alternatives (Zustand, Jotai) fit.
TypeScript
Optional but increasingly expected. Get comfortable with generics, narrowing, and utility types.
Frontend System Design
Frame design rounds: requirements → API → data model → component tree → rendering, perf, a11y, and edge cases.
- Frontend system design cheat sheetPick
Compact framework for structuring answers under time pressure.
Cheatsheet· Freefrontendgeek.com - What to expect in a frontend system design round
Format, rubric, and common pitfalls from a real interviewer.
Article· Freelearnersbucket.com - GFE: design an autocomplete
Walkthrough of one of the most-asked frontend design problems.
Practicegreatfrontend.com - GFE: design a Facebook news feed
Pagination, caching, optimistic updates, and feed ranking.
Practicegreatfrontend.com - GFE - System Design PlaybookPick
Structured playbook with a repeatable interview framework.
Coursegreatfrontend.com
JS Design Patterns
Patterns show up in design rounds and code reviews. Know singleton, observer, factory, module, and modern variants.
Live Coding (Machine Round)
The components that show up over and over. Build each from scratch at least twice; the second pass is what unlocks speed.
- Autocomplete / Typeahead
Debounced fetch, race conditions, keyboard nav, a11y.
Practicegreatfrontend.com - Folder tree
Recursive rendering, lazy expansion, state lifting.
Practicegreatfrontend.com - Accordion component
Controlled/uncontrolled, multi-open vs single-open, a11y.
Practicegreatfrontend.com - Progress bar
Animated transitions, indeterminate state, ARIA.
Practicegreatfrontend.com - Infinite scroll
IntersectionObserver, cursor pagination, virtualization.
Practicegreatfrontend.com - Event emitter / pub-sub
Subscribe/unsubscribe semantics and memory leaks.
Practicegreatfrontend.com - Trello / Kanban board
Drag-and-drop, optimistic updates, normalized state.
Practicegreatfrontend.com - Virtualized list
Windowing math, variable-height rows, scroll restoration.
Practicegreatfrontend.com - Custom hooks (useInterval, usePrevious, useLocalStorage, useAsync)
Build them yourself before peeking at the reference.
Practiceusehooks.com - Calendar / date picker
Date math, keyboard nav, locale handling.
Practicegreatfrontend.com - Stopwatch
requestAnimationFrame, drift correction, pause/resume.
Practicegreatfrontend.com
Behavioral & Management
STAR-formatted stories for ownership, conflict, ambiguity, and impact. Prepare 6–8 stories that you can remap to most prompts.
Mock & Practice Platforms
End-to-end interview playbooks, mock interviews, and curated 75-question lists.
- GreatFrontEnd - Front-End Interview PlaybookPick
Full playbook spanning JS, React, system design, and behavioral.
Coursegreatfrontend.com - GreatFrontEnd 75
Curated 75-question track tuned for frontend roles.
Practicegreatfrontend.com - GFE - System Design Playbook
Companion playbook for the design round.
Coursegreatfrontend.com - FrontPrep
Frontend interview practice platform.
Practicefrontprep.com