explaingit

yangshun/front-end-interview-handbook

Analysis updated 2026-06-20

43,951MDXAudience · developerComplexity · 1/5LicenseSetup · easy

TLDR

Free study guide covering everything front-end engineers need to know for job interviews, HTML, CSS, JavaScript quirks, and UI system design.

Mindmap

mindmap
  root((FE Interview Handbook))
    Topics covered
      HTML CSS basics
      JavaScript deep dive
      UI system design
      Company questions
    Interview formats
      Quiz screening
      Live coding
      Take home project
      Design discussion
    Audience
      Job seeking devs
      Career changers
    Access
      Free website
      Multiple languages
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Review hundreds of HTML, CSS, and JavaScript quiz questions and ideal answers before a technical screening round.

USE CASE 2

Study the front-end system design framework for designing components like autocomplete widgets, photo feeds, and chat interfaces.

USE CASE 3

Look up what interview questions have been asked at specific well-known tech companies.

USE CASE 4

Understand the different front-end interview formats, quiz, live coding, take-home, and system design, and how to prepare for each.

What is it built with?

MDX

How does it compare?

yangshun/front-end-interview-handbookpatrickjs/awesome-cursorrulesinkonchain/docs
Stars43,95139,39836,690
LanguageMDXMDXMDX
Setup difficultyeasyeasyeasy
Complexity1/51/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min
Free to use for any purpose including commercial, as long as you include the original MIT copyright notice.

In plain English

Front End Interview Handbook is a comprehensive, free study guide for software engineers preparing for front-end developer job interviews. The problem it addresses is that front-end interviews are structurally different from general software engineering interviews: while most CS interview prep focuses on data structures and algorithms, front-end roles test deep knowledge of HTML, CSS, JavaScript, browser behavior, and web-specific system design. Most generic interview resources don't cover these areas well. The handbook covers the full range of topics that come up in front-end interviews. It explains the different interview formats used at various companies, quiz rounds, live coding sessions, take-home assignments, and system design discussions. The trivia section answers hundreds of the classic HTML, CSS, and JavaScript questions that commonly appear as screening questions, organized by topic. There are detailed explanations of front-end system design, how to think about building components like autocomplete widgets, photo feeds, or chat interfaces at scale. Company-specific sections collect questions that have been asked at well-known tech employers. The content is written in MDX (a format that combines Markdown with interactive components) and is published as a readable website at frontendinterviewhandbook.com. It is available in multiple languages including English, Chinese, Japanese, Korean, and Portuguese. You would use this repository when you have an upcoming front-end engineering interview and want a structured way to cover the domain: what browsers do with HTML, how CSS specificity and the box model work, the quirks of JavaScript closures and prototypes, how the event loop operates, and how to approach open-ended system design questions for UI components. The handbook is a reading resource, not a coding practice platform. For actual coding exercises with automated test runners, it points toward the companion paid platform GreatFrontEnd. The handbook itself remains fully free and open source under the MIT license.

Copy-paste prompts

Prompt 1
I have a front-end interview at a FAANG company in two weeks. Give me a study plan covering HTML, CSS, JavaScript, and UI system design based on the front-end-interview-handbook topics.
Prompt 2
Using the front-end system design approach from the handbook, walk me through designing an autocomplete search widget for a high-traffic site.
Prompt 3
Quiz me on JavaScript closures, prototypes, and the event loop the way front-end interviewers typically test these topics.
Prompt 4
Explain CSS specificity, the cascade, and the box model the way I'd need to answer them in a front-end interview screening.
Prompt 5
What are the most commonly asked JavaScript interview questions and what are the concise, interview-ready answers?

Frequently asked questions

What is front-end-interview-handbook?

Free study guide covering everything front-end engineers need to know for job interviews, HTML, CSS, JavaScript quirks, and UI system design.

What language is front-end-interview-handbook written in?

Mainly MDX. The stack also includes MDX.

What license does front-end-interview-handbook use?

Free to use for any purpose including commercial, as long as you include the original MIT copyright notice.

How hard is front-end-interview-handbook to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is front-end-interview-handbook for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub yangshun on gitmyhub

Verify against the repo before relying on details.