Google Front End Interview Questions
Find the latest version of this page on GreatFrontEnd's Google Front End Interview Guide.
Since it's Google, candidates can expect to be tested on fundamental Computer Science concepts as well as their front end knowledge/skills.
Web Front End: You should be ready to cover topics like front end latency and implementation of standard CS algorithms using idiomatic JavaScript. You should be able to articulate Javascript strengths and shortcomings and ready to cover any of the following: Web security issues (XSS, XSRF), Prototypal inheritance, DOM API & manipulation, CSS manipulation, Browser / DOM events & event handling, XHR requests & HTTP headers, JavaScript closures
Refer to Google's official interview preparation guides for:
- Official Interview Prep
- Front End or Mobile Software Engineers
- Front End/Mobile Software Engineers (Old)
- Non-technical interviews
JavaScript coding questions
- How do you make a function that takes a callback function
fn
and returns a function that callsfn
on a timeout?- Practice question (Free)
- Implement the outline view for a Google doc.
- Practice question (Paid)
- DFS on HTML nodes.
- Practice question (Paid)
- Implement
throttle
.- Practice question (Paid)
- How do you make a function that only calls input function f every 50 milliseconds?
- Practice question (Paid)
- Given a timeline write the JavaScript to select all nodes within selection of timeline.
User interface coding questions
- Design a slider component.
- Design a Tic-Tac-Toe game/design an algorithm for Tic-Tac-Toe game.
- Practice question (Paid)
- 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 uses 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 hits 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 click 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.
5th Apr 2025:
Interview experience at Google L4 frontend role - Offer Accepted
- Round 1 DSA: question of finding all subsets in a deck of cards that pass a valid condition
- Round 2 Frontend: Implement a color swatch. Also with a slider
- Round 3 Googlyness: Behavior and resume
- Round 4: DSA - File system API and streaming API with generators
Team match round, then HC review, Offer
9th Mar 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.
20th Dec 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.
20th Dec 2024:
DSA is fair game throughout the entire google experience easy, medium, hard, all fair game
10th Nov 2024:
I interviewed a few years ago. At that time it was mostly DSA and 1 round involved frontend design with some coding HTML, CSS, JS. But I echo what others have said. Google's FE is DSA heavy.
For more insider tips, visit GreatFrontEnd!