yangshun /front-end-interview-handbook
Front End interview preparation materials for busy engineers (updated for 2026)
★ 44,002⑂ 5,920👁 759⑃ 410● 103▤ 0◈ 2
44,002
stars
+-2
5,920
forks
759
watchers
410
prs
103
issues
0
releases
2
discussions
README
Front End Interview Handbook
By GreatFrontEnd
Read on the website
Join/follow us on LinkedIn | Discord | 𝕏 (Twitter) | Facebook
---
What is this?
Unlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. This repository covers all you need to know for front end interviews:
- Various formats of Front end interviews including formats by different companies
- Front end system design interviews
- Front end trivia questions - answers to the h5bp Front-end Developer Interview Questions
- Front end questions - JavaScript, DOM, algorithms, and more
- Front end interview questions by companies
Where to get hands on practice?
After getting a good understanding about front end interview preparation, try out GreatFrontEnd, a platform built by me! Not only are there 200+ practice questions, each with multiple solutions from Senior Front End Engineers, there are also automated test case suites to help you identify what's wrong with your code. Thus, check out the following resources:
- Study plans help you prepare for your upcoming technical interviews, whether it is in a week or 3 months later.
- Focus areas allow you to focus on your weak areas and also further improve your strengths depending on your preferences.
- Preparation by stage prepares you for each phase of your interview process, from quiz to coding interviews.
- Individual framework questions offer training based on specific frameworks that may be tested during your technical interviews.
---
Need to practice front end interview questions? GreatFrontEnd is holding a limited time promotion for 20% off their lifetime plan of high quality practice questions and reference solutions written by ex-FAANG interviewers 🚀
---
Looking for Generic Interview Preparation?
You might be interested in the Tech Interview Handbook which has helpful content on general coding interviews such as algorithms, behavioral questions and an interview cheatsheet!
Credits: Illustration by unDraw
Read on the website
Translations
- English
- Chinese (Simplified) (简体中文)
- Japanese (日本語)
- Korean (한국어)
- Polish (Polski)
- Portuguese (Português)
- Russian (Русский)
- Tagalog
Related
If you are interested in how data structures are implemented, check out Lago, a Data Structures and Algorithms library for JavaScript. It's meant for reference and studying purposes, not for production use.
Contributing
Contributing Guide
Read our contributing guide to learn about how you can contribute, how to propose improvements or if you are interested in translating the content.
Supporting
Many hours of hard work have gone into this project. Your support will be very appreciated!
License
All projects and packages in this repository Top issues
#138HTML5 open web platform question4 comments · 2018-08-08#160difference between inline and inline-block should include discussion about replaced / non-replaced elements3 comments · 2019-01-15#526Add examples to explain difference between relative, absolute, fixed, and sticky positioning in CSS2 comments · 2025-08-31#328"Job Application" section from Tech Interview Handbook is relevant for Front End Interviews too2 comments · 2021-10-04#365CSS trivia questions | Spanish Translation1 comments · 2022-11-18#345Bootstrap answer may require change.1 comments · 2022-04-13#302Translation of the CSS section into Russian1 comments · 2021-05-10#159element with display flex do not create a new BFC itself1 comments · 2019-01-15