[feih] companies: tweak company guide headings
This commit is contained in:
Yangshun
parent
db0a21595f
commit
811e2b97b2
|
|
@ -9,12 +9,12 @@ Find the latest version of this page on [GreatFrontEnd's Airbnb Front End Interv
|
|||
|
||||
:::
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Write a simple promise.
|
||||
- Implement a `StoreData` class that add key/value pairs and listen to value changes for keys. [Source](https://leetcode.com/discuss/interview-question/348436/Airbnb-or-Phone-Screen-or-Implement-StoreData-class)
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Given an input and an endpoint which returns a JSON list, as a result, extend it to autocomplete on change, handle key navigation through the results.
|
||||
- [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
|
|||
|
|
@ -16,7 +16,9 @@ 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
|
||||
## Questions
|
||||
|
||||
### Quiz questions
|
||||
|
||||
- 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)
|
||||
|
|
@ -24,7 +26,7 @@ Refer to Amazon's official interview preparation guides for:
|
|||
- [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
|
||||
### JavaScript coding questions
|
||||
|
||||
- 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)
|
||||
|
|
@ -34,7 +36,7 @@ Refer to Amazon's official interview preparation guides for:
|
|||
- [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
|
||||
### User interface coding questions
|
||||
|
||||
- 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)
|
||||
|
|
@ -53,7 +55,7 @@ Refer to Amazon's official interview preparation guides for:
|
|||
- How do you render text on a banner image?
|
||||
- Render a directory tree given a nested JSON object.
|
||||
|
||||
## System design
|
||||
### System design questions
|
||||
|
||||
- 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.
|
||||
|
|
|
|||
|
|
@ -11,17 +11,17 @@ Find the latest version of this page on [GreatFrontEnd's Apple Front End Intervi
|
|||
|
||||
Not much is known about Apple's front end interview process.
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Implement `Array.prototype` methods (`flat`, `map`, `reduce`, `concat`) by yourself using JavaScript.
|
||||
- [Practice questions](https://www.greatfrontend.com/questions/coding?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook)
|
||||
- How can you execute an array of promise in sequence?
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Implement a simple photo ordering tool with vanilla JS and no libraries.
|
||||
|
||||
## Trivia
|
||||
## Quiz questions
|
||||
|
||||
- How do you build an npm package?
|
||||
- What is a compositing layer in CSS?
|
||||
|
|
|
|||
|
|
@ -11,19 +11,19 @@ Find the latest version of this page on [GreatFrontEnd's ByteDance Front End Int
|
|||
|
||||
ByteDance/TikTok's front end interview is quite balanced in terms of interview format.
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Implement `Promise.all`.
|
||||
- [Practice question](https://www.greatfrontend.com/questions/javascript/promise-all?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
- Implement a function which extends `Array.prototype`.
|
||||
- [Practice questions](https://www.greatfrontend.com/questions?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook)
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Implement a dropdown component.
|
||||
- [Read answer](https://www.greatfrontend.com/questions/system-design/dropdown-menu?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
||||
|
||||
## Trivia
|
||||
## Quiz questions
|
||||
|
||||
- Difference between `localStorage` and cookies.
|
||||
- [Read answer](https://www.greatfrontend.com/questions/quiz/describe-the-difference-between-a-cookie-sessionstorage-and-localstorage?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
|
|||
|
|
@ -15,13 +15,13 @@ Dropbox focuses on practical questions for their Front End Engineering interview
|
|||
|
||||
Refer to the [full official Dropbox Web Developer Interview Preparation Guide](/guides/dropbox-web-developer-guide.pdf).
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Implement [`getByClassName()` and `getByClassnameHierarchy()`](https://leetcode.com/discuss/interview-question/427896/Dropbox-or-Phone-Screen-or-Implement-getByClassName-and-getByClassnameHierarchy)
|
||||
- [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
- OOP-based class management system.
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Build an image gallery using JavaScript, HTML, CSS.
|
||||
- [Read answer](https://www.greatfrontend.com/questions/system-design/image-carousel?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
@ -29,7 +29,7 @@ Refer to the [full official Dropbox Web Developer Interview Preparation Guide](/
|
|||
- Build a UI that fetches data from a weather API that is matching a design spec.
|
||||
- Build a UI that matches a design spec of one of the pages on the Dropbox homepage.
|
||||
|
||||
## System design
|
||||
## System design questions
|
||||
|
||||
- Design Google calendar.
|
||||
|
||||
|
|
|
|||
|
|
@ -15,11 +15,12 @@ Since it's Google, candidates can expect to be tested on fundamental Computer Sc
|
|||
|
||||
Refer to Google's official interview preparation guides for:
|
||||
|
||||
- [Official Interview Prep](https://techdevguide.withgoogle.com/paths/interview/)
|
||||
- [Front End or Mobile Software Engineers](/guides/google-front-end-guide.pdf)
|
||||
- [Front End/Mobile Software Engineers (Old)](/guides/google-front-end-guide-old.pdf)
|
||||
- [Non-technical interviews](/guides/google-non-technical-guide.pdf)
|
||||
|
||||
## JavaScript
|
||||
## 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?
|
||||
- [Practice question](https://www.greatfrontend.com/questions/javascript/debounce?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
@ -33,7 +34,7 @@ Refer to Google's official interview preparation guides for:
|
|||
- [Practice question](https://www.greatfrontend.com/questions/javascript/throttle?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
||||
- Given a timeline write the JavaScript to select all nodes within selection of timeline.
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Design a slider component.
|
||||
- Design a Tic-Tac-Toe game/design an algorithm for Tic-Tac-Toe game.
|
||||
|
|
@ -50,7 +51,7 @@ Refer to Google's official interview preparation guides for:
|
|||
| 3 | 6 | 11 | 14 | 19 |
|
||||
| 4 | 5 | 12 | 13 | 20 |
|
||||
|
||||
## Trivia
|
||||
## Quiz questions
|
||||
|
||||
- Explain 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)
|
||||
|
|
@ -59,7 +60,7 @@ Refer to Google's official interview preparation guides for:
|
|||
- How do you send data from a web page to a server without a page refresh?
|
||||
- [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-advantages-and-disadvantages-of-using-ajax?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
||||
## System design
|
||||
## System design questions
|
||||
|
||||
- Design emoji autocomplete.
|
||||
- [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
|
|||
|
|
@ -9,17 +9,17 @@ Find the latest version of this page on [GreatFrontEnd's LinkedIn Front End Inte
|
|||
|
||||
:::
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Write a `getElementsByClassName` function.
|
||||
- [Practice question](https://www.greatfrontend.com/questions/javascript/get-elements-by-class-name?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Create a tooltip component.
|
||||
- Create a cross browser Linkedin top navigation bar.
|
||||
|
||||
## Trivia
|
||||
## Quiz questions
|
||||
|
||||
- Difference between CSS `padding` and `margin`.
|
||||
- [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)
|
||||
|
|
|
|||
|
|
@ -9,13 +9,13 @@ Find the latest version of this page on [GreatFrontEnd's Lyft Front End Intervie
|
|||
|
||||
:::
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Implement `Promise.all`.
|
||||
- [Practice question](https://www.greatfrontend.com/questions/javascript/promise-all?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
- Write the logic for minesweeper using vanilla JS.
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Implement an autocomplete.
|
||||
- [Read answer](https://www.greatfrontend.com/questions/system-design/autocomplete?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
|
|||
|
|
@ -9,19 +9,19 @@ Find the latest version of this page on [GreatFrontEnd's Microsoft Front End Int
|
|||
|
||||
:::
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Tic-tac-toe implementation using vanilla JavaScript, HTML and CSS.
|
||||
- [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
||||
- Create a chat interface like Microsoft teams.
|
||||
- Use OOP to implement a Chess game.
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Create a notification interface like Microsoft teams
|
||||
- Image slider implementation.
|
||||
|
||||
## Trivia
|
||||
## Quiz questions
|
||||
|
||||
- What is a prototype?
|
||||
- [Read answer](https://www.greatfrontend.com/questions/quiz/explain-how-prototypal-inheritance-works?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
@ -31,7 +31,7 @@ Find the latest version of this page on [GreatFrontEnd's Microsoft Front End Int
|
|||
- [Read answer](https://www.greatfrontend.com/questions/quiz/what-are-the-differences-between-variables-created-using-let-var-or-const?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
- What is DOM?
|
||||
|
||||
## System Design
|
||||
## System design questions
|
||||
|
||||
- Design an email client like Microsoft Outlook.
|
||||
- [Read answer](https://www.greatfrontend.com/questions/system-design/email-client-outlook?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ Not much is known about Salesforce's front end interview process.
|
|||
- Flatten a nested array.
|
||||
- [Practice question](https://www.greatfrontend.com/questions/javascript/flatten?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
||||
## Trivia
|
||||
## Quiz questions
|
||||
|
||||
- What is the event loop?
|
||||
- [Read answer](https://www.greatfrontend.com/questions/quiz/what-is-event-loop-what-is-the-difference-between-call-stack-and-task-queue?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
|
|||
|
|
@ -9,13 +9,13 @@ Find more company guides on [GreatFrontEnd](https://www.greatfrontend.com/interv
|
|||
|
||||
:::
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Implement a typeahead. [Source](https://leetcode.com/discuss/interview-question/1220887/Twitter-Frontend-Phone-Screen)
|
||||
- Add features to a tic-tac-toe game.
|
||||
- [Practice question](https://www.greatfrontend.com/questions/user-interface/tic-tac-toe?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
||||
|
||||
## Trivia
|
||||
## Quiz questions
|
||||
|
||||
- What is the difference between `Array.prototype.map` and `Array.prototype.forEach`?
|
||||
- [Read answer](https://www.greatfrontend.com/questions/quiz/can-you-describe-the-main-difference-between-a-foreach-loop-and-a-map-loop-and-why-you-would-pick-one-versus-the-other?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Free)
|
||||
|
|
|
|||
|
|
@ -11,11 +11,11 @@ Find the latest version of this page on [GreatFrontEnd's Uber Front End Intervie
|
|||
|
||||
Not much is known about Uber's front end interview process.
|
||||
|
||||
## JavaScript
|
||||
## JavaScript coding questions
|
||||
|
||||
- Implement a rate limiter attribute/decoration/annotation on top of an API endpoint. Caps to N requests per minute with a rolling window. [Source A](https://leetcode.com/discuss/interview-question/2409192/Uber-or-Phone-Screen-or-Senior-Front-End-Engineer) and [Source B](https://leetcode.com/discuss/interview-question/124880/Rate-Limiter)
|
||||
|
||||
## User interface coding
|
||||
## User interface coding questions
|
||||
|
||||
- Create a button that when clicked, adds a progress bar onto the page. The progress bar would then fill up in a given amount of time (think 3 to 5 seconds). If you get past the first part, you will be asked to do throttling how many progress bars can be running at once. For example, if the limit is 3 progress bars, and the user clicks on the button 4 times, the fourth progress bar only starts after the very first one finishes. [Source](https://leetcode.com/discuss/interview-question/1064199/uber-front-end-phone-screen-reject)
|
||||
- [Practice question](https://www.greatfrontend.com/questions/user-interface/progress-bars?utm_source=frontendinterviewhandbook&utm_medium=referral&gnrs=frontendinterviewhandbook) (Paid)
|
||||
|
|
|
|||
|
|
@ -43,18 +43,18 @@ module.exports = {
|
|||
slug: '/company-interview-questions',
|
||||
},
|
||||
items: [
|
||||
'companies/google-front-end-interview-questions',
|
||||
'companies/amazon-front-end-interview-questions',
|
||||
'companies/google-front-end-interview-questions',
|
||||
'companies/microsoft-front-end-interview-questions',
|
||||
'companies/apple-front-end-interview-questions',
|
||||
'companies/airbnb-front-end-interview-questions',
|
||||
'companies/bytedance-tiktok-front-end-interview-questions',
|
||||
'companies/apple-front-end-interview-questions',
|
||||
'companies/dropbox-front-end-interview-questions',
|
||||
'companies/linkedin-front-end-interview-questions',
|
||||
'companies/lyft-front-end-interview-questions',
|
||||
'companies/salesforce-front-end-interview-questions',
|
||||
'companies/twitter-front-end-interview-questions',
|
||||
'companies/uber-front-end-interview-questions',
|
||||
'companies/twitter-front-end-interview-questions',
|
||||
],
|
||||
},
|
||||
],
|
||||
|
|
|
|||
Loading…
Reference in New Issue