You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
emidesigns dc031f469a
contents: small grammatical tweak (#323)
2 days ago
.github misc: rename actions 4 months ago
.wip/topics chore: move wip folder 1 year ago
assets misc: improve README 1 year ago
contents contents: small grammatical tweak (#323) 2 days ago
questions [fix] correction of redirect links on /questions (#252) 1 year ago
website contents: reorganize system design content 5 days ago
.editorconfig chore: prettify contents 1 year ago
.gitignore Add gitignore 4 years ago
.prettierrc chore: prettify contents 1 year ago
.travis.yml Allow 429 in awesome bot 4 years ago
CODE_OF_CONDUCT.md Fix typo in CODE_OF_CONDUCT 4 years ago
CONTRIBUTING.md Edited for clarity and concision (#108) 4 years ago
LICENSE Fix copyright header 4 years ago
README.md contents: reorganize system design content 5 days ago

README.md

Front End Interview Handbook


Get paid more. Moonchaser has negotiated hundreds of tech offers. Get 1-1 guidance from their experienced team of ex-FAANG PMs, SWEs, and Recruiters. Find out more


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.

While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be Front-end Developer Interview Questions. Unfortunately, I couldn't find many complete and satisfactory answers to these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves.

Why do I want this?

🔍 Front End Interviews Demystified

Front End interview preparation resources are scarce but no fret, we tell you what to expect and everything else you need to know!

Learn more

👩‍🎨 System Design

What even is Front End system design?! Learn more about them and how to ace these interviews.

Learn more

👩‍💻 Coding Questions

Coding questions are an entirely different ball game for Front End interviews. We tell you how to prepare for them (hint: not just LeetCode).

Learn more

💯 Go From Zero to Hero

Go from zero to front end interview hero with this handbook. No prior interview experience needed.

🍼 Back to Basics

Learn to walk before you learn to fly. While React, Vue and Angular are cool, make sure you also know your fundamentals.

👨‍👩‍👦‍👦 Community Effort

The best thing about Open Source is that the community vets the contents, so you can be sure the answers here have been proofread by many.

Who is this for?

Anybody who wants to land a job at a tech company for a front end role and is looking to make sure they don't stumble on the basic questions. To be frank, I revise the answers here from time to time as well!


💡 Looking for high quality front end interview courses? Educative offers a ton of great courses to improve your interview game 💡


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!

Web Technologies illustration

Credits: Illustration by unDraw

Read on the website

Table of Contents

  1. Pop Quiz Questions
  2. JavaScript Utility Function Questions
  3. Front End Coding Questions
  4. JavaScript Algorithm Questions
  5. Front End System Design Questions

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 really 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!

Buy Me A Coffee

License

All projects and packages in this repository are MIT licensed.

Disclaimer

I am providing code in the repository to you under an open source license. Because this is my personal repository, the license you receive to my code is from me and not my employer (Facebook).