diff --git a/contents/companies/airbnb-front-end-interview-questions.md b/contents/companies/airbnb-front-end-interview-questions.md index 591881cec..bb583cd55 100644 --- a/contents/companies/airbnb-front-end-interview-questions.md +++ b/contents/companies/airbnb-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/amazon-front-end-interview-questions.md b/contents/companies/amazon-front-end-interview-questions.md index 018436893..cb79b53f8 100644 --- a/contents/companies/amazon-front-end-interview-questions.md +++ b/contents/companies/amazon-front-end-interview-questions.md @@ -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]() - Design an accordion component. diff --git a/contents/companies/apple-front-end-interview-questions.md b/contents/companies/apple-front-end-interview-questions.md index 2bf4a96fa..af0dd7196 100644 --- a/contents/companies/apple-front-end-interview-questions.md +++ b/contents/companies/apple-front-end-interview-questions.md @@ -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? diff --git a/contents/companies/bytedance-tiktok-front-end-interview-questions.md b/contents/companies/bytedance-tiktok-front-end-interview-questions.md index 867159e61..51406eb53 100644 --- a/contents/companies/bytedance-tiktok-front-end-interview-questions.md +++ b/contents/companies/bytedance-tiktok-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/dropbox-front-end-interview-questions.md b/contents/companies/dropbox-front-end-interview-questions.md index 1865077fe..50336ced7 100644 --- a/contents/companies/dropbox-front-end-interview-questions.md +++ b/contents/companies/dropbox-front-end-interview-questions.md @@ -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. diff --git a/contents/companies/google-front-end-interview-questions.md b/contents/companies/google-front-end-interview-questions.md index 542775c4d..96d2ed911 100644 --- a/contents/companies/google-front-end-interview-questions.md +++ b/contents/companies/google-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/linkedin-front-end-interview-questions.md b/contents/companies/linkedin-front-end-interview-questions.md index 29a088e06..cd213ac7a 100644 --- a/contents/companies/linkedin-front-end-interview-questions.md +++ b/contents/companies/linkedin-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/lyft-front-end-interview-questions.md b/contents/companies/lyft-front-end-interview-questions.md index 8ed7c3bc1..b10e4cfb8 100644 --- a/contents/companies/lyft-front-end-interview-questions.md +++ b/contents/companies/lyft-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/microsoft-front-end-interview-questions.md b/contents/companies/microsoft-front-end-interview-questions.md index c23cccc76..898337235 100644 --- a/contents/companies/microsoft-front-end-interview-questions.md +++ b/contents/companies/microsoft-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/salesforce-front-end-interview-questions.md b/contents/companies/salesforce-front-end-interview-questions.md index a23e1942d..15d6ed695 100644 --- a/contents/companies/salesforce-front-end-interview-questions.md +++ b/contents/companies/salesforce-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/twitter-front-end-interview-questions.md b/contents/companies/twitter-front-end-interview-questions.md index fde92cd42..0390f0bb0 100644 --- a/contents/companies/twitter-front-end-interview-questions.md +++ b/contents/companies/twitter-front-end-interview-questions.md @@ -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) diff --git a/contents/companies/uber-front-end-interview-questions.md b/contents/companies/uber-front-end-interview-questions.md index 812714621..904e12d86 100644 --- a/contents/companies/uber-front-end-interview-questions.md +++ b/contents/companies/uber-front-end-interview-questions.md @@ -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) diff --git a/website/sidebars.js b/website/sidebars.js index b2674818e..cb100af57 100755 --- a/website/sidebars.js +++ b/website/sidebars.js @@ -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', ], }, ],