Best resources for preparing a Frontend Interview in 2022 👨🏻‍💻🙋🏼‍♀️ (No W3Schools)
Tags: career, webdev, programming, interview
Published: 2022-09-12 20:41:47

> Would you like to start preparing yourself for a frontend interview, but you don't know what are the best resources to learn from ?

Well today, i will list you the best online resources that i actually used for preparing myself. Let's start!



## Javascript
Javascript is usually **one of the most important topic** during a Frontend Interview, because it is generally subject of trivia questions but also for small coding problems, so you need to master it both theoretically and practically.

> Here i suggest you [javascript.info](javascript.info)

It's the simplest and detailed explanation of javascript that i ever found! 
It's divided in **3 sections**: 

1. **The javascript language** (_variables, functions, loop, conditionals ,etc._)
2. **The browser** (_HTML DOM, Events, Resource Loading_)
3. **Miscellaneous** (_LocalStorage, Session Storage, Cookies, Network Request, CORS_)




## HTML & CSS
This is also a very important topic because the foundation of Frontend Development (especially web development) rely on HTML and CSS. 
Needles to say that **most of the trivia questions and  practice tests rely on the knowledge of the latter**.

> Here the best resources that i found are provided by [MDN](https://developer.mozilla.org/en-US/)
1. [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML)
2. [CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS)
3. [Accessibility](https://developer.mozilla.org/en-US/docs/Learn/Accessibility) **This is very important too!**




## Interview Question and Answers
Once you have mastered the basics of Frontend/Web Development, it's time to test your knowledge with some common interview question.

Here i have multiple resources to suggest you:

> 1. [30 Seconds of Interview](https://30secondsofinterviews.org/) (very friendly application, it cover all the various topics questions with answers too!)
2. [HTML Questions & Answers
](https://www.frontendinterviewhandbook.com/html-questions/)
3. [CSS Questions & Answers](https://www.frontendinterviewhandbook.com/css-questions/)
4. [Javascript Questions & Answers](https://www.frontendinterviewhandbook.com/javascript-questions/)




## Bonus: General Questions
Generally interviews begin with few questions about yourself: **who you are, what experiences you have made, what are your strengths and weaknesses and so on**. 
So it's better to be prepared also to this type of questions.

Here some resources containing common questions with attached an explanation of possible answers that you can give back:
> 1. [Top 10 Common Job Interview Questions] (https://hbr.org/2021/11/10-common-job-interview-questions-and-how-to-answer-them)
2. [17 Top Interview Questions for Software Engineer ](https://www.apollotechnical.com/interview-questions-to-ask-software-engineer/)



## Wait! Where are (React/Angular/Vue/Svelte) resources ?
Well here it depends on the actual framework or library the company you are applying for is using.

**Generally the official docs of these client side framework cover all you need to know!**

I mainly use React, so i can suggest some React Resources that i used to cover this topic:
> 1. [React Docs Beta](https://beta.reactjs.org/) (i think this has been written by Dan Abramov, but i'm not sure!)
2. [React Interview Questions](https://www.interviewbit.com/react-interview-questions/)


---


## Conclusion
Well, this is what i've to share. I hope you find these resources helpful, at least they have been for me!

I know that are tons of other useful resources scattered around the web, but as i said these are the ones that i personally used.

Let me know in the comment what resources have you used to prepare yourself for a Frontend Interview. See ya!