67 lines
5.1 KiB
Markdown
67 lines
5.1 KiB
Markdown
---
|
|
title: Amazon Front End Interview Questions
|
|
sidebar_label: Amazon interview questions
|
|
---
|
|
|
|
:::info Latest version on GreatFrontEnd
|
|
|
|
Find the latest version of this page on [GreatFrontEnd's Amazon Front End Interview Guide](https://www.greatfrontend.com/interviews/company/amazon/questions-guides?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook).
|
|
|
|
:::
|
|
|
|
Amazon is known to focus a lot on behavioral questions and their Leadership Principles. Hence be well-prepared in the non-technical aspects too.
|
|
|
|
Refer to Amazon's official interview preparation guides for:
|
|
|
|
- [Front End Engineers](/guides/amazon-front-end-guide.pdf)
|
|
- [Software Development Engineer](https://amazonsdeinterviewprep.splashthat.com/)
|
|
|
|
## Trivia
|
|
|
|
- What is the CSS box model?
|
|
- [Read answer](https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
|
- What is a JavaScript closure?
|
|
- [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
|
- What happens when you type URL into a browser and hit enter?
|
|
|
|
## JavaScript
|
|
|
|
- Implement `Array.prototype` functions like `map`, `reduce`, `filter`, `sort`.
|
|
- [Practice questions](https://www.greatfrontend.com/questions/js/coding/utilities?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook)
|
|
- Given an object and a filter function, write a function that recursively filters the object, returning only values which return `true` when called with the filter function (like `Array.prototype.filter` but for objects).
|
|
- Implement a function `getElementsByStyle(property, value)` that returns all elements in the DOM that match that style.
|
|
- E.g. `getElementsByStyle("color", "#fff")` will return all elements in the DOM with white text.
|
|
- [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
|
- Promisify a function.
|
|
|
|
## User interface coding
|
|
|
|
- Implement a data table from an array of objects using HTML/CSS and JavaScript with searching and sorting.
|
|
- [Practice question](https://www.greatfrontend.com/questions/javascript/data-selection?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
|
- Implement Material UI Chips with auto-suggest. When sending an e-mail, auto-suggest people and convert them into a chip with their avatar on the right
|
|
- Implement a Like button. [Source](https://leetcode.com/discuss/interview-question/1719943/Amazon-or-Phone-Screen-or-FEE-L5-or-Like-Button)
|
|
- [Practice question](https://www.greatfrontend.com/questions/user-interface/like-button?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
|
- Code a paginated widget of addresses. Imagine you are a seller with a list of address you ship to an need to view them 5 address per page, with the possibility to go previous and next. [Source](<https://leetcode.com/discuss/interview-question/1984996/Amazon-Virtual-Onsite-April-2022-FrontEnd-Engineer-II-(L5)Vancouver-Offer>)
|
|
- Implement a search bar using HTML, CSS and JavaScript.
|
|
- [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
|
- Implement a star rating widget.
|
|
- [Practice question](https://www.greatfrontend.com/questions/user-interface/star-rating?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
|
- Implement tic-tac-toe.
|
|
- [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
|
- Recreate an adaptive layout with flexbox. Ensure accessibility.
|
|
- Implement a chess board with movable pieces.
|
|
- How do you render text on a banner image?
|
|
- Render a directory tree given a nested JSON object.
|
|
|
|
## System design
|
|
|
|
- Design a restaurant listing application where user can make orders and customize their orders by adding additional stuffs like toppings, salads etc. [Source](<https://leetcode.com/discuss/interview-question/1984996/Amazon-Virtual-Onsite-April-2022-FrontEnd-Engineer-II-(L5)Vancouver-Offer>)
|
|
- Design an accordion component.
|
|
- [Practice question](https://www.greatfrontend.com/questions/user-interface/accordion?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
|
|
|
## Algorithm
|
|
|
|
Amazon does have rounds evaluating your Computer Science fundamentals by asking LeetCode-style questions. Do be prepared for them.
|
|
|
|
_Source: [Glassdoor Amazon Front End Engineer Interview Questions](https://www.glassdoor.sg/Interview/Amazon-Front-End-Engineer-Interview-Questions-EI_IE6036.0,6_KO7,25.htm)_
|