Disclaimer: This article was written few years ago and may no longer be relevant as software engineering has changed a lot in the last few years. This is what may be more relevant now: Future of Software Engineering - Gaurav Chandak"How to prepare for Frontend Developer Interviews?" is aimed at helping students, freshers and professionals prepare for frontend developer jobs at top tech product-based companies and startups.
This article includes the best resources for each of the interview rounds as well.
If you've not started your frontend developer journey yet then learn the foundations of frontend development and build projects.
Inteview Process
Let's look at the different interview rounds that you may go through during the interview process of a frontend role at product-based companies:
- Frontend Machine Coding Round
- Problem-Solving and DSA Round
- Javascript and Frontend Technologies
- Frontend System Design Round
- Hiring Manager Round
Frontend Machine Coding Round
Frontend Machine Coding Round involves creating a small web application based on some requirement within 1-2 hours. You would need to build using HTML, CSS and Vanilla Javascript in most cases.
In this round, you are being judged on the following skills:
- Building from scratch using HTML, CSS, Javascript
- Understanding of Web Foundations
- Understanding the Requirements and Asking Clarifying Questions
- Prioritizing Requirements and Writing Demoeable, Working Code (considering the time constraints)
- Writing Clean, Readable and Modular Code
- Writing Extensible and Scalable Code
These tips for Backend/Fullstack Machine Coding Round might be relevant for Frontend Machine Coding Round as well.
Do some Frontend machine coding practice questions to prepare in a timed-manner. Most people fail this round because they are unable to complete the assignment in the alloted time.
Practice Questions
Part 1
Part 2
Problem-Solving and DSA Round
PS/DS (Problem Solving, Data Structures and Algorithms) round, also known as the coding round, is the most popular interview round for software engineering jobs. The primary aim of this round is to check the coding and problem-solving abilities of the candidate through data structure and algorithm problems.
Few companies have stopped taking this round or have made it easier for frontend interviews.
Preparation Resources
- What is the Problem Solving, Data Structures and Algorithms Interview Round?
- How to prepare for the Problem Solving, Data Structures and Algorithms Interview Round?
- How to ace the Problem Solving, Data Structures and Algorithms Interview Round?
- How to solve a DSA problem on online coding platforms? | Leetcode, InterviewBit, Geeksforgeeks, workat.tech
- Data Structures and Algorithms Practice Questions
Javascript and Frontend Technologies
In this round, you are judged on your foundational skills with respect to Javascript and other Frontend Technologies that you've worked with.
Preparation Resources
- Top JavaScript Interview Questions and Answers
- Namaste Javascript by Akshay Saini
- Core Javascript Fundamentals by Akshay Saini
- Frontend Interview Questions by Akshay Saini
Frontend System Design Round
In this round, you will be given an abstract problem statement. You need to architect the frontend of the application based on the problem.
The problem statement will generally be very abstract and you need to ask a lot of clarifying questions and have a discussion to come up with the concrete requirement.
You would generally not be asked to write code in this round. The interviewer will ask you to explain the architecture using a whiteboard.
This round generally happens only for senior roles.
Relevant Resources
Interview Structure
Frontend System Design of Facebook News Feed
Hiring Manager Round
This is usually the final round in most cases. You are judged on a mix of technical and non-technical competencies.
Good projects and articulating your experience the right way may help you clear this round easily.
Make sure to do sufficient research about the role, company and its principles/mission before this round.
Apart from the in-depth discussion on your projects, you might be asked puzzles, basic DSA questions, basic UI tech questions, and other theoretical concepts.
Relevant Resources
---
We hope that you found this article helpful. You can find best practices, interview preparation tips, and other awesome resources in our resources section.
