h5bp/front-end-developer-interview-questions

★ 60,832NunjucksAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((Interview Qs))
    Topics covered
      HTML
      CSS
      JavaScript
      Accessibility
      Performance
    Who it helps
      Interviewers hiring
      Developers studying
    Format
      Open-ended questions
      Thematic sections
      No single right answer
    Tech
      Markdown files
      Nunjucks website
      Static content

mindmap root((Interview Qs)) Topics covered HTML CSS JavaScript Accessibility Performance Who it helps Interviewers hiring Developers studying Format Open-ended questions Thematic sections No single right answer Tech Markdown files Nunjucks website Static content

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Prepare a structured front-end developer interview by selecting targeted questions from HTML, CSS, and JavaScript sections.

USE CASE 2

Study for a front-end job interview by working through the question list to identify knowledge gaps before the real interview.

USE CASE 3

Run a technical phone screen using the general web knowledge and performance questions to quickly assess a candidate's breadth.

Tech stack

MarkdownNunjucksHTML

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is a curated collection of interview questions specifically designed for evaluating front-end web developers. Front-end development refers to everything the user sees and interacts with in a web browser, HTML (the structure of a page), CSS (its appearance), and JavaScript (its behavior). Hiring the right front-end developer can be tricky because the field covers a wide range of topics, and this list helps interviewers pick questions that are relevant to the skills they need. The questions are organized into thematic sections: general web knowledge, HTML, CSS, JavaScript, accessibility, testing, performance, network concepts, live coding exercises, and some lighter "fun" questions. They are not meant to be used all at once, the intention is to select a subset that targets the specific skills a role requires. Many of the questions are deliberately open-ended, meaning they do not have a single correct answer, because they are designed to reveal how a candidate thinks and communicates about technical topics. You would use this resource if you are a hiring manager or technical interviewer preparing to assess a front-end developer candidate. It is also widely used by developers preparing for job interviews, since working through the questions is a useful way to identify knowledge gaps. The repository itself contains the questions as Markdown files. The website version is built with Nunjucks, a templating language for generating HTML from structured text content. There is no runtime application, it is a static document collection. No specific programming runtime is required to read or use the questions.

Copy-paste prompts

Prompt 1

I'm interviewing a senior front-end developer, give me 5 CSS questions from this list that reveal deep knowledge of layout and specificity.

Prompt 2

I'm preparing for a front-end interview next week, quiz me on the JavaScript section questions and give me model answers for each.

Prompt 3

Help me design a 45-minute front-end interview covering HTML semantics, JavaScript closures, and web performance using questions from this repo.

Prompt 4

What are the most important accessibility questions to ask a front-end candidate to check if they understand WCAG guidelines?

Prompt 5

Give me 3 open-ended performance questions from this list that would reveal whether a developer understands browser rendering and network optimization.

Open on GitHub → Explain another repo

← h5bp on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.