Front End Engineer · Web Developer · Full Stack Engineer

Interview Practice Question Bank

Practice 190+ common front end interview questions across every major front end framework. Reference answers from ex-interviewers at FAANG.

Vanilla JavaScript User Interface Questions

Top Vanilla JavaScript UI coding interview questions.

Questions List

  • CounterWarm Up Question

    Build a simple counter which increments whenever a button is clicked
    Difficulty
    Easy
    Available Frameworks
  • Contact FormFree

    Build a contact form which submits user feedback and contact details to a back end API
    Difficulty
    Easy
    Available Frameworks
  • Holy GrailFree

    Build the famous holy grail layout consisting of a header, 3 columns, and a footer
    Difficulty
    Easy
    Available Frameworks
  • TabsFree

    Build a tabs component that a displays a list of tab elements and one associated panel of content at a time
    Difficulty
    Medium
    Available Frameworks
  • Todo ListFree

    Build a Todo list that lets users add new tasks and delete existing tasks
    Difficulty
    Medium
    Available Frameworks
  • Traffic LightFree

    Build a traffic light where the lights switch from green to yellow to red after predetermined intervals and loop indefinitely
    Difficulty
    Medium
    Available Frameworks
  • Digital ClockFree

    Build a 7-segment digital clock which shows the current time
    Difficulty
    Medium
    Available Frameworks
  • AccordionPremium

    Build an accordion component that a displays a list of vertically stacked sections that each contain a title and content snippet
    Difficulty
    Easy
    Available Frameworks
  • Generate TablePremium

    Generate a table of numbers given the rows and columns
    Difficulty
    Easy
    Available Frameworks
  • Progress BarPremium

    Build a progress bar component which shows the percentage completion of an operation
    Difficulty
    Easy
    Available Frameworks
  • Temperature ConverterPremium

    Build a temperature converter widget that converts temperature values between Celsius and Fahrenheit
    Difficulty
    Easy
    Available Frameworks
  • TweetPremium

    Build a component that resembles a Tweet from Twitter
    Difficulty
    Easy
    Available Frameworks
  • Accordion IIPremium

    Build an accessible accordion component that has the right ARIA roles, states, and properties
    Difficulty
    Medium
    Available Frameworks
  • Analog ClockPremium

    Build an analog clock where the hands update and move like a real clock
    Difficulty
    Medium
    Available Frameworks
  • Like ButtonPremium

    Build a Like button that changes appearance based on the states
    Difficulty
    Medium
    Available Frameworks
  • Star RatingPremium

    Build a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating
    Difficulty
    Medium
    Available Frameworks
  • Tabs IIPremium

    Build a semi-accessible tabs component that has the right ARIA roles, states, and properties
    Difficulty
    Medium
    Available Frameworks
  • Signup FormPremium

    Build a signup form that does validation on user details and submits to a back end API
    Difficulty
    Medium
    Available Frameworks
  • StopwatchPremium

    Build a stopwatch widget which can measure how much time has passed
    Difficulty
    Medium
    Available Frameworks
Logos provided by Clearbit