Best resources for preparing a Frontend Interview in 2022 👨🏻‍💻🙋🏼‍♀️ (No W3Schools)

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

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

1. HTML
2. CSS
3. 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 (very friendly application, it cover all the various topics questions with answers too!)
2. HTML Questions & Answers
3. CSS Questions & Answers
4. Javascript Questions & Answers

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
2. 17 Top Interview Questions for 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 (i think this has been written by Dan Abramov, but i'm not sure!)
2. 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!