Interview questions
Frontend Developer interview questions
53 realistic questions across technical, behavioural, HR, situational and role-specific categories. Questions only — join free to unlock model answers, quizzes and AI mock interviews.
Showing 25 of 53 questions
How would you build a form that is both semantically correct and fully accessible to screen readers?
Technical
Beginner
Q1
How would you create a three-column card layout that adapts to a single column on mobile without duplicating any CSS?
Technical
Beginner
Q2
A colleague is struggling with a function that returns undefined unexpectedly. How would you help them debug it using JavaScript core concepts?
Technical
Intermediate
Q3
How would you implement a drag-and-drop file upload component using native DOM events, and how would you handle edge cases like multiple rapid drops or dropped folders?
Technical
Intermediate
Q4
How would you handle Modern JavaScript Frameworks and Libraries on a typical day?
Role Specific
Intermediate
Q5
What would you do if you had to deal with State Management and Data Flow at short notice?
Role Specific
Advanced
Q6
A colleague asks for help because their React app is re-rendering too often. How would you diagnose and fix performance issues?
Technical
Advanced
Q7
How would you write a test for a React component that fetches data from an API and displays a loading spinner, an error message, or a list of items, covering all three states?
Technical
Advanced
Q8
How would you set up a build pipeline for a new project that needs to bundle JavaScript, optimize images, and support both development and production builds?
Technical
Expert
Q9
Tell me how you would approach Progressive Web Apps (PWAs) and Advanced Browser APIs.
Role Specific
Expert
Q10
A colleague asks for help because their page content is not being read correctly by screen readers. How would you guide them to fix it using semantic HTML?
Technical
Beginner
Q11
How would you make a three-column card layout that gracefully collapses to a single column on mobile without using a CSS framework?
Technical
Beginner
Q12
How would you implement a feature that fetches user data from an API and displays it, handling loading, error, and empty states?
Technical
Beginner
Q13
Walk me through how you would implement a custom tooltip that appears on hover, using DOM manipulation and event handling.
Technical
Intermediate
Q14
A colleague asks for help because their code uses var and callbacks, leading to bugs. How would you guide them to refactor using ES6+ features?
Technical
Intermediate
Q15
What would you do if you had to deal with Frontend Frameworks and Libraries (React, Vue, Angular) at short notice?
Role Specific
Intermediate
Q16
Walk me through how you would optimize a page that loads a large image gallery, focusing on performance techniques.
Technical
Advanced
Q18
A colleague shows you a React component that renders a list but updates very slowly when the list changes. How would you help them debug and fix it?
Technical
Advanced
Q19
How would you prevent a stored XSS attack in a React application that renders user-generated HTML content from a rich text editor?
Technical
Expert
Q20
A colleague is building a form and uses <div> tags for all input labels and buttons. How would you help them improve the markup?
Technical
Beginner
Q21
How would you implement a feature that highlights all paragraphs containing a user-typed search term, updating in real-time as the user types?
Technical
Intermediate
Q23
Walk me through how you would fetch user data from an API, then fetch that user's posts, and finally display both without blocking the UI, handling errors at each step.
Technical
Intermediate
Q24
A colleague is using var and for loops to create click handlers for buttons, but all handlers log the same index. How would you help them fix it using ES6+ features?
Technical
Intermediate
Q25
Walk me through how you would diagnose and fix a page that takes 5 seconds to become interactive on a slow 3G network, specifically focusing on JavaScript and rendering.
Technical
Advanced
Q28
How would you make a custom dropdown select component accessible to keyboard-only and screen reader users?
Technical
Intermediate
Q30
Want the answers?
Create a free account to open each question, study the model answer and test yourself.
Create free account