contents: update and replace broken links in the English files of fro…

…ntend interview playbook (#481)

packages/front-end-interview-guidebook/contents/algorithms/en-US.mdx

@@ -118,4 +118,4 @@ During algorithmic coding interviews, interviewers are evaluating candidates on
 
 ## Practice Questions
 
-Currently the best platform to practice algorithmic questions is undeniably LeetCode. However, GreatFrontEnd provides some [practice questions for Data Structures and Algorithms](/questions/js/coding/data-structures-algorithms) where you can practice implementing common data structures ([Stack](/questions/javascript/stack), [Queue](/questions/javascript/queue)) and algorithms ([Binary Search](/questions/javascript/binary-search), [Merge Sort](/questions/javascript/merge-sort)), etc in JavaScript.
+Currently the best platform to practice algorithmic questions is undeniably LeetCode. However, GreatFrontEnd provides some [practice questions for Data Structures and Algorithms](/questions/js/coding/data-structures-algorithms) where you can practice implementing common data structures ([Stack](/questions/algo/stack), [Queue](/questions/algo/queue)) and algorithms ([Binary Search](/questions/algo/binary-search), [Merge Sort](/questions/algo/merge-sort)), etc in JavaScript.

packages/front-end-interview-guidebook/contents/coding/en-US.mdx

@@ -62,9 +62,9 @@ Here's a summary of the various coding environments and what you can do:
 
 Read on for tips for each coding interview type:
 
-- [Algorithmic Coding](/front-end-interview-guidebook/algorithms)
-- [JavaScript Coding](/front-end-interview-guidebook/javascript)
-- [User Interface Coding](/front-end-interview-guidebook/user-interface)
+- [Algorithmic Coding](/front-end-interview-playbook/algorithms)
+- [JavaScript Coding](/front-end-interview-playbook/javascript)
+- [User Interface Coding](/front-end-interview-playbook/user-interface)
 
 ## Practice Questions
 

packages/front-end-interview-guidebook/contents/javascript/en-US.mdx

@@ -69,7 +69,7 @@ JavaScript coding interviews share a lot of similarities with algorithmic coding
 
 ## How to Prepare for JavaScript Coding Interviews
 
-1. Be familiar with HTML, CSS, JavaScript, and DOM concepts by referring to the "Important Concepts" below. The [Quiz section](/front-end-interview-guidebook/quiz) can also be a good start since you might be asked on these concepts in the form of quiz questions during coding.
+1. Be familiar with HTML, CSS, JavaScript, and DOM concepts by referring to the "Important Concepts" below. The [Quiz section](/front-end-interview-playbook/quiz) can also be a good start since you might be asked on these concepts in the form of quiz questions during coding.
 1. Pick a [study plan](/get-started) and practice the [JavaScript coding questions](/questions/js/coding/utilities) recommended for the selected study plan. It's also alright to study for a certain topic as you are doing the questions.
 
 ## Important Concepts

packages/front-end-interview-guidebook/contents/overview/en-US.mdx

@@ -14,7 +14,7 @@ However, many existing software engineering interview resources are geared towar
 
 Fear not! GreatFrontEnd aims to be the best resource for Front End Engineers to ace their front end interviews by being a one-stop platform to equip Front End Engineers with the necessary knowledge and practice. On GreatFrontEnd, readers can:
 
-1. Learn how to create an [**awesome resume tailored for Front End Engineering job listings**](/front-end-interview-guidebook/resume).
+1. Learn how to create an [**awesome resume tailored for Front End Engineering job listings**](/front-end-interview-playbook/resume).
 1. Learn **important front end concepts and techniques** that apply to all question types.
 1. Prepare for the most common **front end interview question types** (coding, system design, quiz, behavioral).
 1. [**Practice questions**](/questions) across the most common front end interview formats along with **high quality solutions** written by ex-FAANG Senior Engineers.
@@ -26,7 +26,7 @@ Your resume is the first opportunity to make an impression on potential employer
 
 If you are facing difficulties getting interviews for jobs you apply to despite having the necessary qualifications, it could be because of your resume. Even highly qualified candidates may not know how to effectively present their accomplishments in their resume and therefore may not get shortlisted. It is important to remember that being underqualified is not always the reason for not being selected; sometimes it is simply a matter of poor presentation and not including the important content. Once you have made it through the resume screening process, your past achievements are secondary and your technical skills become paramount, which can be learned and improved upon. Hence getting your foot in the door by submitting a great resume that represents you well is extremely important.
 
-While there are existing resources on how to make a good Software Engineering resume such as the [Tech Interview Handbook](https://www.techinterviewhandbook.org/resume/) and [FAANG Tech Leads' Resume Handbook](https://www.faangtechleads.com/resume/handbook), they are general and not specific to Front End Engineers. We have written some [tips on how to tailor your resume for Front End Engineering positions](/front-end-interview-guidebook/resume).
+While there are existing resources on how to make a good Software Engineering resume such as the [Tech Interview Handbook](https://www.techinterviewhandbook.org/resume/) and [FAANG Tech Leads' Resume Handbook](https://www.faangtechleads.com/resume/handbook), they are general and not specific to Front End Engineers. We have written some [tips on how to tailor your resume for Front End Engineering positions](/front-end-interview-playbook/resume).
 
 ## Prepare by Question Types
 
@@ -38,9 +38,9 @@ Each question format has its own challenges and quirks. We'll introduce you to t
 
 Coding questions will involve writing code (duh!). However, the code you will be required to write and the platforms you will write the code on can vary wildly. You could be asked about:
 
-1. **Algorithmic Coding**: Solve tricky algorithmic questions that evaluates your understanding of data structures, algorithms and time complexity. [Read about Algorithmic Coding Interviews](/front-end-interview-guidebook/algorithms).
-1. **JavaScript Coding**: Implement functions or data structures in JavaScript that are related to front end domain and commonly used during front end development. [Read about JavaScript Coding Interviews](/front-end-interview-guidebook/javascript).
-1. **User Interface Coding**: Build user interfaces (components, widgets, apps) using HTML, CSS, and JavaScript, sometimes even using JavaScript frameworks. [Read about User Interface Coding Interviews](/front-end-interview-guidebook/user-interface).
+1. **Algorithmic Coding**: Solve tricky algorithmic questions that evaluates your understanding of data structures, algorithms and time complexity. [Read about Algorithmic Coding Interviews](/front-end-interview-playbook/algorithms).
+1. **JavaScript Coding**: Implement functions or data structures in JavaScript that are related to front end domain and commonly used during front end development. [Read about JavaScript Coding Interviews](/front-end-interview-playbook/javascript).
+1. **User Interface Coding**: Build user interfaces (components, widgets, apps) using HTML, CSS, and JavaScript, sometimes even using JavaScript frameworks. [Read about User Interface Coding Interviews](/front-end-interview-playbook/user-interface).
 
 Companies are trending towards using domain-specific coding questions and less on testing about algorithms and data structures as the former is more relevant for evaluating the core skills needed for front end engineering work.
 
@@ -56,23 +56,23 @@ System design interviews are usually only given to senior level candidates and t
 
 Most of the time, Front End Engineers will be asked to design client applications and complex user interface components as those products are more relevant to front end engineering.
 
-[Read more about Front End System Design](/front-end-interview-guidebook/system-design)
+[Read more about Front End System Design](/front-end-interview-playbook/system-design)
 
 ### Quiz Questions
 
 Quiz questions, also known as trivia questions, are short questions meant to test your understanding of the domain. Each question shouldn't take more than a minute or two to answer.
 
 There usually wouldn't be entire interview rounds just asking you quiz questions, but they could be sprung onto you in the middle of other interview rounds.
 
-[Read more about Quiz Questions](/front-end-interview-guidebook/quiz).
+[Read more about Quiz Questions](/front-end-interview-playbook/quiz).
 
 ## Behavioral Questions/Interviews
 
 In behavioral interviews, interviewer asks questions about your past behaviors and experiences in order to evaluate your suitability for the job and maturity level.
 
 The idea behind behavioral interviews is that past behaviors and experiences are good indicators of how someone will behave in the future, so the interviewer will ask questions that are designed to get you to describe specific situations you have faced and how you have dealt with them in order to get a better understanding about you beyond your technical capabilities.
 
-Behavioral interviews is a large topic on its own and we have [written an entire guidebook on it](/behavioral-interview-guidebook).
+Behavioral interviews is a large topic on its own and we have [written an entire playbook on it](/behavioral-interview-playbook).
 
 ## Typical Hiring Process
 
@@ -138,9 +138,9 @@ Here's a summary of the question types asked by the top US companies.
 
 Read on to find out how to prepare for the following front end interview formats/questions types:
 
-- [Coding Questions](/front-end-interview-guidebook/coding)
-  - [Algorithmic Questions](/front-end-interview-guidebook/algorithms)
-  - [JavaScript Questions](/front-end-interview-guidebook/javascript)
-  - [User Interface Questions](/front-end-interview-guidebook/user-interface)
-- [System Design Questions](/front-end-interview-guidebook/system-design)
-- [Quiz Questions](/front-end-interview-guidebook/quiz)
+- [Coding Questions](/front-end-interview-playbook/coding)
+  - [Algorithmic Questions](/front-end-interview-playbook/algorithms)
+  - [JavaScript Questions](/front-end-interview-playbook/javascript)
+  - [User Interface Questions](/front-end-interview-playbook/user-interface)
+- [System Design Questions](/front-end-interview-playbook/system-design)
+- [Quiz Questions](/front-end-interview-playbook/quiz)

packages/front-end-interview-guidebook/contents/quiz/en-US.mdx

@@ -54,6 +54,6 @@ We wouldn't recommend memorizing answers to quiz questions. It's best to truly u
 
 GreatFrontEnd contains a list of over 100 common quiz questions with detailed solutions written for each of them.
 
-- [JavaScript Quiz Questions](/questions/js/quiz)
-- [HTML Quiz Questions](/questions/html/quiz)
-- [CSS Quiz Questions](/questions/css/quiz)
+- [JavaScript Quiz Questions](/questions/javascript-interview-questions/quiz)
+- [HTML Quiz Questions](/questions/html-interview-questions/quiz)
+- [CSS Quiz Questions](/questions/css-interview-questions/quiz)

packages/front-end-interview-guidebook/contents/system-design/en-US.mdx

@@ -12,7 +12,7 @@ We have written a comprehensive [Front End System Design guide](/system-design)
 
 ## Design Your System With Best Practices
 
-When going about the system design interview, regardless whether you are asked to design apps, games, or UI components, there are some things to pay special attention to. Incorporate the tips from our [User Interface Questions Cheatsheet](/front-end-interview-guidebook/user-interface-questions-cheatsheet) and elevate your front end interview game.
+When going about the system design interview, regardless whether you are asked to design apps, games, or UI components, there are some things to pay special attention to. Incorporate the tips from our [User Interface Questions Cheatsheet](/front-end-interview-playbook/user-interface-questions-cheatsheet) and elevate your front end interview game.
 
 ## Practice Questions
 

packages/front-end-interview-guidebook/contents/user-interface-components-api-design-principles/en-US.mdx

@@ -46,7 +46,7 @@ The slider can be customized by passing in a plain JavaScript object of options:
 
 ### Vanilla JavaScript Style
 
-There's no vanilla JavaScript style for initializing components since vanilla JavaScript is not a standard or framework. But if you have read enough of GreatFrontEnd's solutions for our vanilla JavaScript [UI coding questions](/questions/vanilla), you'll see that the API we recommend is similar to jQuery's, the constructor takes in a root element and options:
+There's no vanilla JavaScript style for initializing components since vanilla JavaScript is not a standard or framework. But if you have read enough of GreatFrontEnd's solutions for our vanilla JavaScript [UI coding questions](/questions/javascript-interview-questions/ui-coding), you'll see that the API we recommend is similar to jQuery's, the constructor takes in a root element and options:
 
 ```js
 function slider(rootEl, options) {

packages/front-end-interview-guidebook/contents/user-interface-questions-cheatsheet/en-US.mdx

@@ -2,11 +2,11 @@
 title: Cheatsheet for UI Interview Questions
 description: A cheatsheet you can use to improve the user interfaces you have to build or design during front end interviews.
 seo_title: User Interface Questions Cheatsheet | Front End Interview Playbook
-seo_description: A cheatsheet you can use to improve the user interfaces you have to build or design during front end interviews - component organization, state design, UX and more 
+seo_description: A cheatsheet you can use to improve the user interfaces you have to build or design during front end interviews - component organization, state design, UX and more
 social_title: User Interface Questions Cheatsheet | Front End Interview Playbook
 ---
 
-Here are some tips you can use to improve the user interfaces you have to build/design during front end interviews. These can be applied to both [User Interface Coding Interviews](/front-end-interview-guidebook/user-interface) and [Front End System Design Interviews](/system-design/types-of-questions).
+Here are some tips you can use to improve the user interfaces you have to build/design during front end interviews. These can be applied to both [User Interface Coding Interviews](/front-end-interview-playbook/user-interface) and [Front End System Design Interviews](/system-design/types-of-questions).
 
 ## General
 
@@ -150,7 +150,7 @@ There's probably not enough time to handle all edge cases scenarios in your code
 
 ## Security
 
-- **Cross-site Scripting (XSS)**: Avoid assigning to [`Element.innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) or React's `dangerouslySetInnerHTML` when rendering contents into the DOM if it comes from users to prevent cross-site scripting, assign to [`Node.textContent`](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) or use the experimental[`Element.setHTML()`](https://developer.mozilla.org/en-US/docs/Web/API/Element/setHTML) method instead. Refer to [OWASP's XSS Prevention Cheat Sheet](https://cheatsheetseries.owasp.org/cheatsheets/Cross_Site_Scripting_Prevention_Cheat_Sheet.html)
+- **Cross-site Scripting (XSS)**: Avoid assigning to [`Element.innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) or React's `dangerouslySetInnerHTML` when rendering contents into the DOM if it comes from users to prevent cross-site scripting, assign to [`Node.textContent`](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) or use the experimental[`Element.setHTML()`](https://webdocs.dev/en-us/docs/web/api/element/sethtml) method instead. Refer to [OWASP's XSS Prevention Cheat Sheet](https://cheatsheetseries.owasp.org/cheatsheets/Cross_Site_Scripting_Prevention_Cheat_Sheet.html)
 - **Output encoding for "URL Contexts"**: If user-supplied input can be used in URL query parameters, use `encodeURIComponent` to prevent unintended values from becoming part of the URL (e.g. extra query parameters).
 - **Cross Site Request Forgery**: Refer to [OWASP's XSS Prevention Cheat Sheet](https://cheatsheetseries.owasp.org/cheatsheets/Cross_Site_Scripting_Prevention_Cheat_Sheet.html).