Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

contents: update seo frontmatter based on the guide renamed #474

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Answering Collaboration Behavioral Questions
description: Learn how to answer "Tell me about a time..." styled questions for evaluating your collaboration skills.
seo_title: Answering Collaboration Questions | Behavioral Interview Guide
seo_title: Collaboration Questions | Behavioral Interview Playbook
seo_description: Learn how to answer collaboration behavioral interview questions, for front end engineers. Refer to sample answers.
social_title: Collaboration Behavioral Questions | GreatFrontEnd
---
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Answering Growth Mindset Behavioral Questions
description: Learn how to answer "Tell me about a time..." styled questions for evaluating if you have a strong growth mindset.
seo_title: Answering Growth Mindset Questions | Behavioral Interview Guide
seo_title: Growth Mindset Questions | Behavioral Interview Playbook
seo_description: Learn how to answer growth mindset behavioral interview questions, for front end engineers. Refer to sample answers.
social_title: Growth Mindset Behavioral Questions | GreatFrontEnd
---
Expand Down
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
---
title: Behavioral Interview Guide for Front End Engineers
title: Behavioral Interview Playbook for Front End Engineers
description: Find out about evaluation criteria at big tech, efficient strategies to prepare, and top behavioral interview questions.
seo_title: Behavioral Interview Guide | For Front End Engineers
social_title: Behavioural Interview Guide for Front End Engineers | GreatFrontEnd
seo_title: Behavioral Interview Playbook | For Front End Engineers
social_title: Behavioural Interview Playbook for Front End Engineers | GreatFrontEnd
seo_description: The definitive guide to behavioral interviews for front end engineers. Written by Ex-FAANG interviewers. Find out what to expect and how to prepare.
---

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Answering Problem Solving Behavioral Questions
description: Learn how to answer "Tell me about a time..." styled questions for evaluating your problem solving skills.
seo_title: Answering Problem-solving Behavioral Questions | Behavioral Interview Guide
seo_title: Problem-solving Questions | Behavioral Interview Playbook
seo_description: Learn how to answer problem-solving behavioral interview questions, for front end engineers. Refer to sample answers.
social_title: Problem Solving Behavioral Questions | GreatFrontEnd
---
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Questions to Ask at End of Interview
description: Learn the best questions to ask at the end of your front end interviews.
seo_title: Useful Questions to Ask at the End of your Front End Interview | Behavioural Interview Guide
seo_title: Useful Questions to Ask at the End of your Front End Interview
seo_description: Learn the best questions to ask at the end of your front end interviews. Written by ex-interviewers at Big Tech.
social_title: Questions to Ask at End of Interview | GreatFrontEnd
---
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Important Behavioral Interview Questions to Prepare for
description: Efficiently prepare for your behavioral interviews by tackling the most commonly asked questions first
seo_title: Important Behavioral Interview Questions to Prepare for | Behavioral Interview Guide
seo_title: Important Behavioral Interview Questions to Prepare for
social_title: Important Behavioural Interview Questions | GreatFrontEnd
seo_description: Efficiently prepare for your behavioral interviews by tackling the most commonly asked questions first
---
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Answering "Tell Me About Yourself"
description: A guide to answering self introduction questions effectively in different interview contexts, for front end engineers.
seo_title: How to Answer "Tell Me About Yourself" | Behavioral Interview Guide
seo_title: How to Answer "Tell Me About Yourself" | Behavioral Interviews
seo_description: A guide to answering self introduction questions effectively in different interview contexts, for front end engineers. Written by ex-interviewers at Big Tech.
social_title: Answering "Tell me about youself" | GreatFrontEnd
---
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Answering "Why Work Here"
description: Learn the best way to answer questions about company motivation concisely and effectively, for front end engineers.
seo_title: How to Answer "Why Work Here" | Behavioral Interview Guide
seo_title: How to Answer "Why Work Here" | Behavioral Interview Playbook
seo_description: Learn the best way to answer behavioral interview questions about company motivation concisely and effectively, for front end engineers.
social_title: Answering "Why work here" | GreatFrontEnd
---
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
title: Data Structures and Algorithms Interviews
description: Front end engineer's guide to DSA - important concepts to know, top practice questions to do and other tips
seo_title: Data Structures and Algorithms for Front End Interviews | How to prepare
seo_title: Data Structures and Algorithms for Front End Interviews
seo_description: Guide to prepare for Data Structures and Algorithms Questions tailored for front end interviews - important concepts to know, common questions asked and useful tips
social_title: Data Structures and Algorithms | Front End Interview Guide
social_title: Cracking Data Structures and Algorithms | Front End Interview Playbook
---

Algorithmic coding questions are exactly the questions you can find on LeetCode. Algorithmic questions usually have the following traits:
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
title: Front End Coding Interviews
description: Question types to expect, handy coding tips and the best resources to use
seo_title: Front End Coding Interview Questions | How to prepare
seo_title: Cracking Coding Interviews | Front End Interview Playbook
seo_description: Everything you need to know to prepare well for Front End Coding Interviews - including the types of questions to prepare for, coding tips and resources to use
social_title: Cracking Coding Interviews | Front End Interview Guide
social_title: Cracking Coding Interviews | Front End Interview Playbook
---

Coding interviews is the primary way in which Front End Engineers are being evaluated and can span across multiple rounds and stages of the interviews, hence it is super important to practice for coding interviews. To recap, here are the three types of coding questions you can be asked:
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: JavaScript Coding Interviews
description: Question types to expect, important concepts to know and top practice questions to do
seo_title: JavaScript Coding Interview Questions | How to prepare
seo_description: Ultimate guide to prepare for JavaScript Coding Interview Questions - including question types, interview best practices, important concepts and practice questions
social_title: Cracking JavaScript Coding Interviews | Front End Interview Guide
social_title: Cracking JavaScript Coding Interviews | Front End Interview Playbook
---

The difference between coding JavaScript coding questions vs algorithmic coding questions is that the former is usually specific to the front end domain and it makes the most sense to use JavaScript (or [TypeScript](https://www.typescriptlang.org/)) to complete them. You will also probably need to make use of browser/JavaScript-specific APIs and/or utilize HTML/CSS/JavaScript knowledge.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
title: Front End Interview JavaScript Questions and How to Prepare
title: Front End Interviews: An Introduction
description: Guide to preparing for algorithmic coding questions in front end / web developer interviews — Concepts to know, interview rubrics, and important practice questions.
seo_title: Front End Interview Guide | Everything you need to know on how to prepare
seo_description: The definitive guide to front end interviews written by Ex-FAANG interviewers. Find out what to expect, the different types of questions and how to prepare.
social_title: Front End Interview Guide | GreatFrontEnd
seo_title: Quick Start Guide to Front End Interviews - Everything to Know
seo_description: Kickstart your front end interview preparation with this quickstart guide. Explore interview formats, essential tips, and question types asked by by company.
social_title: Front End Interviews - A Quick Start Guide | GreatFrontEnd
---

Front End Interviews are notoriously hard to prepare for. There are many possible interview formats and there isn't a standardized structure across the industry for evaluating front end engineers. Some companies use the same interview process for Front End Engineers as they do for generalist Software Engineers while some companies (e.g. Google and Amazon) do a mix where they have both general software engineering rounds and front end domain-specific rounds.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: Front End Quiz Interview Questions
description: Quiz-style front end interview questions — What to expect, concepts to learn, and 100+ important practice questions.
seo_title: Front End Quiz Interview Questions | How to prepare
seo_description: Guide to preparing for quiz-style front end interview questions — What to expect, concepts to learn, and 100+ important practice questions.
social_title: Cracking Quiz-style Interviews | Front End Interview Guide
social_title: Cracking Quiz-style Interviews | Front End Interview Playbook
---

Quiz questions, also known as trivia questions, are short close-ended questions meant to test your understanding of the domain. Each question shouldn't take more than a minute or two to answer, however, further discussions can be spawned from your answers. Hence it's important to have good understanding of the concepts behind the answers you give and not blindly memorize and regurgitating.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
title: Ultimate Guide to Front End Engineer Resumes
description: Tips to enhance your front end developer / web developer resume to get that front end job interview.
seo_title: Ultimate Front End Engineer Resume Guide | Tips, Examples, Strategies
description: Get writing tips, samples, and best practices to help you get shortlisted for your next front end job
seo_title: Guide to Front End Engineer Resumes | Tips, Examples, Strategies
seo_description: Craft the perfect front end engineer resume with our ultimate guide. Get front end-specific tips, real examples, and strategies to help you secure front end roles.
social_title: Ultimate Front End Engineer Resume Guide | Front End Interview Guide
social_title: Guide to Front End Engineer Resumes | Front End Interview Playbook
---

To even get an interview for a Front End Engineer position, we have to submit a resume that passes the company's resume screening process. There are many existing resources out there to help you craft a good Software Engineer resume but few are tailored towards Front End Engineers. For general Software Engineer resume tips, refer to [Tech Interview Handbook](https://www.techinterviewhandbook.org/resume/).
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
title: Front End System Design Questions — How to Prepare
description: Guide to preparing for System Design questions in front end / web developer interviews — Best practices and important practice questions.
seo_title: Front End System Design Guide | How to prepare
seo_description: The definitive guide to front end system design interviews. Learn useful techniques and how to approach the most common questions. Written by Ex-FAANG interviewers.
social_title: Front End System Design Guide | Front End Interview Guide
title: Front End System Design Interviews - Quick Start
description: A quick overview to all the best resources you can leverage for your front end system design interviews
seo_title: Front End System Design Interview | How to Prepare
seo_description: Quick start guide to prepare for Front End System Design interviews — What to expect, resources to use, and where to practice
social_title: Front End System Design - Quick Start | GreatFrontEnd
---

System Design interviews can come in many forms and covers the entire development stack. GreatFrontEnd focuses on **Front End System Design**, aka system design and architecture of client applications and UI components rather than back end distributed systems.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: API design principles for UI components
description: Best practices for designing developer interface components APIs, useful for UI components coding and system design interviews
seo_title: API Design Principles for UI components | Front End Interview Guide
seo_description: Best practices for designing developer interface components APIs, useful for UI components coding and system design interviews
social_title: API design principles for UI components | Front End Interview Guide
social_title: API design principles for UI components | Front End Interview Playbook
---

User Interface component libraries like [Bootstrap](https://getbootstrap.com/) and [Material UI](https://mui.com/) help developers build UI faster by providing commonly used components like buttons, tabs, modals, etc so that developers do not have to reinvent the wheel by building these components from scratch whenever they start on a new project.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ 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 Guide
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 Guide
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).
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: User Interface Coding Interviews
description: Best practices while interviewing, important concepts to know and critical practice questions to do
seo_title: User Interface Coding Questions | How to prepare
seo_description: Guide to prepare for UI interview questions, including interview best practices, important concepts to prepare for and best practice questions
social_title: User Interface Questions | Front End Interview Guide
social_title: Cracking User Interface Questions | Front End Interview Playbook
---

User interface coding interviews will involve candidates writing HTML, CSS and JavaScript to complete. In our opinion this is essential for evaluating the skills of Front End Engineers and more companies are moving towards asking candidates to code user interfaces during interviews.
Expand Down
2 changes: 1 addition & 1 deletion packages/system-design/contents/common-mistakes/en-US.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Common Mistakes to Avoid for Front End System Design Interviews
description: Know the mistakes candidates often make during front end system design interviews and how to avoid them.
seo_title: Common Mistakes to Avoid | Front End System Design Guide
seo_title: Common Mistakes to Avoid | Front End System Design Playbook
social_title: Common Mistakes to Avoid for Front End System Design Interviews | GreatFrontEnd
seo_description: Know the mistakes candidates often make during front end system design interviews and how to avoid them.
---
Expand Down
2 changes: 1 addition & 1 deletion packages/system-design/contents/evaluation-axes/en-US.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Evaluation Criteria for Front End System Design Interviews
description: Specific behaviors and signals interviewers look out for in front end system design interviews.
seo_title: Interview Evaluation Criteria | Front End System Design Guide
seo_title: Interview Evaluation Criteria | Front End System Design Playbook
social_title: Evaluation Axes for Front End System Design Interviews | GreatFrontEnd
seo_description: Evaluation criteria typically used by big tech interviewers to evaluate front end system design interviews.
---
Expand Down
2 changes: 1 addition & 1 deletion packages/system-design/contents/framework/en-US.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: The RADIO Framework
description: Approach your front end system design interviews in a structured fashion. A good structure is half the battle won.
seo_title: The RADIO Framework | Front End System Design Guide
seo_title: The RADIO Framework | Front End System Design Playbook
social_title: The RADIO Framework for structuring Front End System Design answers | GreatFrontEnd
seo_description: A robust framework developed to help you answer front end system design interview questions in a structured fashion.
---
Expand Down
4 changes: 2 additions & 2 deletions packages/system-design/contents/introduction/en-US.mdx
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
---
title: 'Front End System Design: An Introduction'
description: Learn useful techniques and how to approach top front end system design questions. Written by ex-interviewers at FAANG.
seo_title: Front End System Design Guide | GreatFrontEnd
social_title: Front End System Design Guide | GreatFrontEnd
seo_title: Front End System Design Playbook
social_title: Front End System Design Playbook | GreatFrontEnd
seo_description: The definitive guide to front end system design interviews. Learn useful techniques and how to approach the most common questions. Written by Ex-FAANG interviewers.
---

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Types of Front End System Design Questions
description: Question formats you can expect in a front end system design interview.
seo_title: Types of Questions to Expect | Front End System Design Guide
seo_title: Types of Questions to Expect | Front End System Design Playbook
social_title: Types of Front End System Design questions to expect | GreatFrontEnd
seo_description: Learn about the main types of front end system design interview questions that can be asked.
---
Expand Down