Frontend developer interview preparation, round by round
Frontend interviews test JavaScript in depth. Expect machine-coding rounds where you build a UI component, questions on closures, promises and React, and a frontend system design round for mid and senior roles.
37 resources · 29 free · plus 23 for every role · Links checked 15 October 2026 · How we pick
Change role
- Software engineer 54 resources
- Backend developer 45 resources
- Frontend developer 37 resources
- Full stack developer 43 resources
- Mobile developer 19 resources
- DevOps and SRE 24 resources
- Data engineer 23 resources
- Data analyst 21 resources
- Data scientist 24 resources
- ML engineer 31 resources
- AI engineer 27 resources
- QA and SDET 12 resources
Start here
Three resources, in this order. Everything below is for going deeper on one round.
- Front End Interview Handbook
GitHub repo · Free
Frontend loops are not the same as SDE loops. Read this first to see each round and plan your study weeks around them.
- Namaste JavaScript (Akshay Saini)
Video · Free
Frontend rounds ask a lot about closures, hoisting and the event loop. Watch this before you start coding questions.
- GreatFrontEnd
Practice site · Free tier
Once the basics are clear, practise machine-coding style questions: JS utilities and UI components. Some questions are paid.
Nothing matches these filters. Use Show all to see every resource again.
Frontend and UI coding 19 resources
Building UI components in JavaScript, plus browser, DOM and performance questions
Front End Interview Handbook
GitHub repo · yangshun/front-end-interview-handbook
A free, open guide to every stage of a frontend interview loop, from JS utility and UI component coding to trivia and client-side system design, with worked answers.
Best for learning how frontend loops are structured and building a study plan
Also in JavaScript, React and TypeScript questions, System design
GreatFrontEnd
Practice site · greatfrontend.com
A frontend practice platform where you code JS functions and UI components against tests in the browser, plus quiz and client-side system design questions.
Best for hands-on drilling of JS and UI coding questions with test cases once you know the basics
Also in JavaScript, React and TypeScript questions, System design
MDN Learn Web Development
Official guide · developer.mozilla.org
Mozilla's structured learning path through HTML, CSS, JavaScript and accessibility, linked to MDN's reference pages.
Best for authoritative answers on HTML, CSS and DOM behaviour, and a fundamentals refresher
Also in JavaScript, React and TypeScript questions
roadmap.sh interview question guides
Website · roadmap.sh
Free topic-by-topic Q&A guides with quiz cards, from backend, frontend, Java, Spring Boot, Go, Python and Node.js to SQL, Kubernetes, DevOps and data analysis.
Best for quick topic-wise revision of language, framework and tool questions before an interview
Also in JavaScript, React and TypeScript questions, System design
React Interview Questions (sudheerj)
GitHub repo · sudheerj/reactjs-interview-questions
A large, regularly updated React Q&A covering hooks, rendering, state management and newer React 19 APIs, with some coding exercises.
Best for revising React concepts and common follow-up questions
Also in JavaScript, React and TypeScript questions
JavaScript Interview Questions (sudheerj)
GitHub repo · sudheerj/javascript-interview-questions
A very long one-page set of JavaScript questions and answers from basics to advanced topics, including many predict-the-output snippets.
Best for rapid revision of JS theory questions in the week before an interview
Also in JavaScript, React and TypeScript questions
JavaScript Code Challenges
GitHub repo · sadanandpai/javascript-code-challenges
JavaScript coding challenges grouped by topic, from primitives and functions to objects, collections, async code, the DOM and events.
Best for practising JS implementation questions like polyfills and async utilities
Also in JavaScript, React and TypeScript questions
Frontend Mini Challenges
GitHub repo · sadanandpai/frontend-mini-challenges
An open collection of small machine-coding-style UI builds with live demos and reference solutions in vanilla JS, React, Vue and Angular.
Best for practising timed machine-coding rounds and comparing with a reference solution
React Docs (react.dev)
Official guide · react.dev
The React team's official docs, with interactive lessons on components, state, effects and the escape hatches interviewers like to probe.
Best for precise, current answers on hooks, rendering and effects
Also in JavaScript, React and TypeScript questions
What happens when you type google.com
GitHub repo · alex/what-happens-when
A crowd-written, step-by-step account of everything from the keypress through DNS, TCP, TLS and HTTP to the browser parsing and painting the page.
Best for answering the classic 'what happens when you load a URL' question with depth
Awesome Front End System Design
GitHub repo · greatfrontend/awesome-front-end-system-design
A curated index of articles, engineering posts and talks on designing client-side apps and UI components, organised for system design prep.
Best for real-world reading for frontend design questions like news feed, autocomplete and chat
Also in System design
Patterns.dev
Website · patterns.dev
A free online book on JavaScript design patterns and on rendering (CSR, SSR, SSG, streaming) and loading-performance patterns for React and Vue apps.
Best for frontend system design rounds where you must justify rendering and performance choices
Also in JavaScript, React and TypeScript questions, System design
web.dev Learn (Performance, Accessibility, CSS)
Official guide · web.dev
Free courses from Google's Chrome team on web performance and Core Web Vitals, accessibility, CSS, HTML and related topics.
Best for the performance and accessibility discussions in frontend system design and senior rounds
Also in JavaScript, React and TypeScript questions
LearnersBucket
Website · learnersbucket.com
Prashant Yadav's frontend prep site with free solved JavaScript problems and vanilla JS and React machine-coding builds, plus a paid ebook and system design course.
Best for Indian SDE-1 to SDE-3 frontend candidates preparing JS problem-solving and machine coding
Also in JavaScript, React and TypeScript questions
Frontend Machine Coding playlist (RoadsideCoder)
Video · youtube.com
Piyush Agarwal's playlist of commonly asked machine-coding problems, such as a file explorer, pagination and timers, built end to end in JavaScript and React.
Best for watching common React and JS machine-coding problems solved end to end
Frontend System Design playlist (Chirag Goel)
Video · youtube.com
A free 22-video series in Hindi and Hinglish with English subtitles on frontend system design building blocks, performance and mock designs such as autocomplete.
Best for Indian frontend candidates starting frontend system design from scratch
Also in System design
Aced Practice (formerly Exponent; Pramp moved here)
Practice site · aced.io
Free peer mock interviews where you pair with another candidate and take turns as interviewer, in DSA, system design, behavioral, SQL, data science, ML and frontend.
Best for regular, cheap live practice and a feel for the interviewer's side of the table
Also in System design, Coding and DSA
BFE.dev (BigFrontEnd)
Practice site · bigfrontend.dev
A large, mostly free set of JavaScript implementation tasks, output quizzes, TypeScript puzzles and React and CSS problems you solve and test in the browser.
Best for free volume practice of polyfills, utility functions and tricky JS output questions
Also in JavaScript, React and TypeScript questions
devtools.tech
Practice site · devtools.tech
An India-built frontend prep site with JavaScript, React and HTML/CSS programming, UI-build and quiz questions, tagged by company and solvable in a browser editor.
Best for practising the JS and React rounds typical at Indian product companies
Also in JavaScript, React and TypeScript questions, System design
JavaScript, React and TypeScript questions 8 resources
Questions on your stack: languages, frameworks, cloud, testing and data tools
Namaste JavaScript (Akshay Saini)
Video · youtube.com
A free video series that explains JavaScript internals such as execution context, hoisting, closures, promises and the event loop with whiteboard diagrams.
Best for the strong JS fundamentals that Indian frontend interviews test heavily
The Modern JavaScript Tutorial (javascript.info)
Website · javascript.info
A carefully sequenced tutorial on the JavaScript language and browser APIs, with exercises at the end of most chapters.
Best for building or rebuilding JS fundamentals before moving to interview questions
TypeScript Handbook
Official guide · typescriptlang.org
Microsoft's official walkthrough of the TypeScript type system, from basics through generics, narrowing and utility types.
Best for revising TypeScript fundamentals for roles that list it
You Don't Know JS Yet (book series)
Book · getify/You-Dont-Know-JS
Kyle Simpson's in-depth books on how JavaScript actually works, which the author publishes free to read on GitHub.
Best for senior candidates who need deep answers on scope, closures, objects and types
33 JS Concepts
GitHub repo · leonardomso/33-js-concepts
A reading list built around 33 core JavaScript concepts, pointing to the best articles, videos and books for each one.
Best for filling specific JS knowledge gaps found during practice
JavaScript Questions (Lydia Hallie)
GitHub repo · lydiahallie/javascript-questions
Multiple-choice 'what does this code log' JavaScript puzzles, each followed by a clear explanation of the language behaviour behind it.
Best for sharpening intuition for hoisting, closures, this, the event loop and coercion
Type Challenges
GitHub repo · type-challenges/type-challenges
Graded TypeScript type-level puzzles, from easy to extreme, that you solve in an online playground.
Best for senior frontend candidates expecting advanced TypeScript questions
Full Stack Open (University of Helsinki)
Course · fullstackopen.com
A free university course on building modern web apps with React, Node.js and Express, MongoDB, TypeScript, GraphQL and testing.
Best for filling backend or frontend gaps before full-stack JavaScript interviews
System design 4 resources
Designing a large service: APIs, data, scaling and the trade-offs between options
Amazon - How We Hire (role-specific interview prep)
Official guide · amazon.jobs
Amazon's hiring hub, explaining each stage from application to the final loop, with role-specific prep pages for SDE, front-end, BI engineer and scientist roles.
Best for finding out what Amazon tests for your role and level, and how its loop works
Also in Coding and DSA
Atlassian - Engineering interviews
Official guide · atlassian.com
Atlassian's walkthrough of each engineering round, from two coding parts and system design to a manager chat, a values interview and the hiring committee.
Best for Atlassian candidates (it has a large Bengaluru hub) and anyone curious what a values interview is like
Also in Coding and DSA
Meta Careers - Preparing for your full loop (SWE)
Official guide · metacareers.com
Meta's official prep page for software engineers who have reached the onsite stage, whose main value is the free Full Loop Interview Guide it links to.
Best for candidates with a Meta onsite scheduled (confirm the exact rounds with your recruiter)
Also in Coding and DSA
interviewing.io - Mock interview replays
Practice site · interviewing.io
A free library of recorded, anonymised mock interviews run by big-tech engineers, filterable by company, round and level, with paid live mocks available.
Best for watching real interviewer feedback on coding, design and behavioral rounds before your own mocks
Also in Coding and DSA
Coding and DSA 6 resources
Solving problems with data structures and algorithms, and explaining your approach
Tech Interview Handbook
Website · techinterviewhandbook.org
An open-source guide to the whole software interview process, from picking a language and drilling algorithm topics to resumes, behavioral answers and offer negotiation.
Best for planning your coding-interview prep from start to finish
JavaScript Algorithms and Data Structures
GitHub repo · trekhleb/javascript-algorithms
JavaScript implementations of dozens of classic data structures and algorithms, each with its own short write-up, complexity notes and unit tests.
Best for JavaScript and frontend developers who want to see DSA in their own language
Grind 75
Website · techinterviewhandbook.org
A study-plan generator that turns a ranked list of high-frequency LeetCode problems into a week-by-week schedule sized to the hours you have.
Best for candidates with a fixed number of weeks who want the highest-value problem list
Canva - "Yes, you can use AI in our interviews"
Official guide · canva.dev
A Canva engineering post on why it now expects backend, frontend and ML candidates to use AI coding tools in interviews, and what interviewers assess instead.
Best for understanding AI-assisted coding rounds and how to show good judgement with an AI tool
NeetCode Roadmap (NeetCode 150)
Website · neetcode.io
A visual topic map of 150 core LeetCode problems, each linked to a free video walkthrough on the NeetCode YouTube channel.
Best for learning problem patterns topic by topic, with a video solution for every problem
LeetCode
Practice site · leetcode.com
The default site for interview-style coding practice: thousands of problems, free study plans such as Top Interview 150 and SQL 50, and weekly contests.
Best for daily practice and timed contests (Premium mainly adds company-tagged lists)
Same for every role
Behavioral rounds, resumes, pay and company guides do not change with the job. These 23 live on the interview resources hub.
Behavioral and HR
- GeeksforGeeks - HR interview questions
- Microsoft Careers - Interview tips
- MIT CAPD - The STAR method for behavioral interviews
- Tech Interview Handbook - Behavioral interviews
- reverse-interview
- Amazon Leadership Principles
- Google Careers - Interview tips
- Jeff H Sipe - Practice Interviews (YouTube)
- A Life Engineered (Steve Huynh, YouTube)
Practice and communities
Resume, companies and offers
- Tech Interview Handbook - Software engineer resume guide
- Reactive Resume
- Jake's Resume (LaTeX template on Overleaf)
- Hiring Without Whiteboards
- r/developersIndia Community Wiki
- AmbitionBox
- Anthropic - Candidate AI guidance
- Haseeb Qureshi - Ten rules for negotiating a job offer
- Thoughtworks India - AI policy for recruitment
- Levels.fyi - Software engineer pay in India
- r/EngineeringResumes wiki
From the team that keeps this list
Helpwing is a desktop app for interviews where AI help is allowed: it hears the question and drafts an answer from your resume. It is not for online assessments or tests.