explaingit

yangshun/front-end-interview-handbook

📈 Trending43,966MDXAudience · developerComplexity · 1/5ActiveLicenseSetup · easy

TLDR

Free study guide covering HTML, CSS, JavaScript, and system design topics for front-end job interviews, with explanations of common questions and company-specific interview formats.

Mindmap

mindmap
  root((repo))
    What it covers
      HTML and CSS
      JavaScript quirks
      Browser behavior
      System design
    Interview formats
      Quiz rounds
      Live coding
      Take-home work
      Design discussions
    Use cases
      Prep for interviews
      Learn web fundamentals
      Review company questions
    Content type
      Written explanations
      Topic organization
      Multi-language support

Things people build with this

USE CASE 1

Study HTML, CSS, and JavaScript fundamentals before a front-end interview.

USE CASE 2

Review common screening questions organized by topic to prepare for phone rounds.

USE CASE 3

Learn how to approach system design questions for UI components like autocomplete or chat interfaces.

USE CASE 4

Check company-specific interview questions that have been asked at major tech employers.

Tech stack

MDXMarkdownReact

Getting it running

Difficulty · easy Time to first run · 5min
Use freely for any purpose, including commercial use, as long as you keep the copyright notice and license text.

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 coming up. Walk me through the key JavaScript concepts I should know: closures, prototypes, the event loop, and async/await.
Prompt 2
Explain CSS specificity and the box model in simple terms, with examples of how they affect layout.
Prompt 3
What are the most common HTML and CSS screening questions asked in front-end interviews?
Prompt 4
How would you design an autocomplete widget that handles large datasets and works smoothly in the browser?
Prompt 5
What should I know about browser rendering, reflow, and repaint to optimize front-end performance?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.