[feih] companies: tweak company guide headings

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)

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](<https://leetcode.com/discuss/interview-question/1984996/Amazon-Virtual-Onsite-April-2022-FrontEnd-Engineer-II-(L5)Vancouver-Offer>)
 - Design an accordion component.

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?

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)

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.
 

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)

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)

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)

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)

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)

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)

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)

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',
       ],
     },
   ],