Google Front End Interview Questions

Full guide on GreatFrontEnd

Explore round details, preparation advice, and related practice in GreatFrontEnd's Google Front End Interview Guide.

Google candidates have encountered both algorithm-heavy loops and rounds dedicated to browser implementation. Rehearse general problem solving in JavaScript alongside UI work, and use the current invitation to decide the balance.

The saved preparation documents below are historical references. They discuss JavaScript, DOM behavior, web security, and browser performance, but their tooling and round details may be outdated. Google's former interview-preparation URL now redirects to its careers resources page; request role-specific instructions from your recruiter.

• Front End or Mobile Software Engineers (saved PDF)
• Front End/Mobile Software Engineers (older saved PDF)
• Non-technical interviews (saved PDF)

JavaScript coding questions

• How do you make a function that takes a callback function fn and returns a function that calls fn on a timeout?
  • Related practice: Debounce resets the delay when called again. Add that behavior after implementing the basic delayed callback. (Free)
• Implement the outline view for a Google doc.
  • Practice question (Paid)
• DFS on HTML nodes.
  • Practice question (Paid)
• Implement throttle, for example allowing an input function to run at most once every 50 milliseconds.
  • Practice question (Paid)
• Given a timeline write the JavaScript to select all nodes within selection of timeline.
• File System API question paired with a streaming API problem implemented with generators (DSA round).
• Implement a small feature such as a button in vanilla JavaScript. An earlier interview used a document without code execution; confirm the environment for your own session.

User interface coding questions

• Design a slider component.
• Design a Tic-Tac-Toe game/design an algorithm for Tic-Tac-Toe game.
  • Practice question (Free)
• Implement a color swatch component. Follow-up: add a slider control.
• Implement nested checkboxes (when the parent is checked, children are checked and vice versa. Use <input type="checkbox">). Similar to Indeterminate checkboxes.
• Design a webpage which can auto load new posts when you reach the bottom of the page by using JavaScript. You may use AJAX and JavaScript event listeners.
• Write a UI using HTML, CSS, JavaScript that allows users to enter the number of rows and columns in text input fields within a form and renders a table.
  • Practice question (Paid)
  • Example: Number of rows: 4, Number of columns: 5, "Submit" button. Clicking on the "Submit" button will show the following table (ignore the styling):

1	8	9	16	17
2	7	10	15	18
3	6	11	14	19
4	5	12	13	20

Quiz questions

• Explain the CSS Box Model.
  • Read answer (Free)
• What happens when you type a URL into the browser and hit enter?
• Given some text on a web page, how many ways can you make the text disappear?
• How do you send data from a web page to a server without a page refresh?
  • Read answer (Free)

System design questions

• Design emoji autocomplete.
  • Read answer (Free)
• Design JS Bin.
• How would you create a Google Analytics SDK used by webpages?

Algorithm

• Minesweeper problem. Write a function reveal() that outputs the number of tiles shown when a user clicks on a tile. Each tile shows the number of bombs as its neighbor. If the user clicks on a tile that is a bomb, the game is over. If that tile is 0, reveal all its neighbors.
• You are given four numbers (type int), and have four basic math operators at your disposal (+, -, x, /). Given arbitrary ways to group the numbers and using any of the operators, determine if you can make the number 24 from the four numbers. The numbers must be processed in the order they appear.
• Find k-nearest points.

Source: Glassdoor Google Front End Software Engineer Interview Questions, Google | Front End engineer

Insider tips from the GreatFrontEnd community

These tips were shared by GreatFrontEnd users who have completed interviews with Google.

October 2025:

Just signed my offer from Google. None of my interview questions were tagged — you'll hear from lots of people that Google has a huge test bank, so just prepare yourself with NeetCode 150 and really deeply understand the solutions. Don't just memorize; if you can't solve LC problems you haven't seen before, you'll get caught. I had 2 interviews with regular LC-style problems at around medium difficulty.

April 2025:

Interview experience at Google L4 frontend role - Offer Accepted

1. Round 1 DSA: question of finding all subsets in a deck of cards that pass a valid condition
2. Round 2 Frontend: Implement a color swatch. Also with a slider
3. Round 3 Googlyness: Behavior and resume
4. Round 4: DSA - File system API and streaming API with generators

Team match round, then HC review, Offer

March 2025:

I have a google senior frontend engineer loop coming up. The recruiter shared material suggests 2 dsa + 1 frontend + 1 system design (guideline suggests it can be anything frontend or backend) + 1 behavioural.

December 2024:

Hello, folks! Previously, I had an interview with Google for a Front-End role. The problem I got was DSA-style, just like you guys mentioned, thanks to this channel, so I did prep for DSA.

December 2024:

DSA is fair game throughout the entire google experience easy, medium, hard, all fair game

For more insider tips, visit GreatFrontEnd!