front-end-interview-handbook

<div align="center"> <h1>Front End Interview Handbook</h1> <p>By <a href="https://www.greatfrontend.com/?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook">GreatFrontEnd</a></p> </div> <div align="center"> <a href="https://dribbble.com/shots/4263961-Front-End-Interview-Scroll"> <img src="assets/scroll.svg" alt="Front End Interview Handbook" width="400"/> </a> <br /> <h3> <a href="https://www.frontendinterviewhandbook.com">Read on the website</a> </h3> <p> Join/follow us on <a href="https://linkedin.com/company/greatfrontend" target="_blank">LinkedIn</a> | <a href="https://discord.gg/NDFx8f6P6B" target="_blank">Discord</a> | <a href="https://x.com/greatfrontend" target="_blank">𝕏 (Twitter)</a> | <a href="https://facebook.com/greatfrontend" target="_blank">Facebook</a> </p> </div>

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.

<div align="center"> <h3>Need to practice front end interview questions? <a href="https://www.greatfrontend.com?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook">GreatFrontEnd</a> 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 🚀</h3> </div>

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!

<div align="center"> <a href="https://www.techinterviewhandbook.org"> <img src="assets/coding.svg" alt="Web Technologies illustration" width="400"/> </a> <br/> <p> <em>Credits: Illustration by <a href="https://undraw.co/">unDraw</a></em> </p> <h3> <a href="https://www.techinterviewhandbook.org/">Read on the website</a> </h3> </div>

Translations

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.