I know this is kind of clickbait stuff, but I personally feel that I would've benefitted a lot if I knew this sooner. So here I go.
You can't master something without practicing it. So, I would divide this post into some important sections such as
Table Of Contents
Learning
Practicing
Preparing for Interviews
Learning
1. Web Dev for Beginners
This has everything to get you started. Starting from the ground up, text-editors, GitHub, and whatnot.
microsoft
/
Web-Dev-For-Beginners
24 Lessons, 12 Weeks, Get Started as a Web Developer
2. You-need-to-know-css
Exactly, you need to know CSS. Here is a more user-friendly interface to help you learn easily.
l-hammer
/
You-need-to-know-css
💄CSS tricks for web developers~
3. Front-End Checklist
This is the end to the repetitive basics, but you're gonna get better because of that. Just make sure you cover everything in here.
thedaviddias
/
Front-End-Checklist
🗂 The perfect Front-End Checklist for modern websites and meticulous developers
4. The Algorithms - JavaScript
Every important algorithm in Javascript exists here. Get some hold over the basics of the language and this would be easy peasy for you.
TheAlgorithms
/
JavaScript
Algorithms and Data Structures implemented in JavaScript for beginners, following best practices.
5. Javascript Algorithms
Can be used as an extension to the repository above.
trekhleb
/
javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
6. Node.js Best Practices (Optional but important)
Before we start applying our knowledge and developing projects, we need to know the best practices, and this repository will help you with that.
goldbergyoni
/
nodebestpractices
✅ The Node.js best practices list (March 2023)
7. Project Guidelines (Optional but important)
It never hurts to know general practices in the field, does it.
A set of best practices for JavaScript projects
Practicing
8. Vanilla Web Projects
Okay, it's time we start making personal projects to test our knowledge. This would kickstart you just fine with HTML, CSS and Javascript.
Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
9. 50projects50days
Just in case above projects seem a tad short.
bradtraversy
/
50projects50days
50+ mini web projects using HTML, CSS & JS
10. javascript-testing-best-practices
Well, we all like bug-free software don't we? Testing is the phase that will make your app almost bug-free.
goldbergyoni
/
javascript-testing-best-practices
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (December 2022)
Interviewing
11. Front End Interview Handbook
yangshun
/
front-end-interview-handbook
⚡️ Front End interview preparation materials for busy engineers
12. JavaScript Questions
lydiahallie
/
javascript-questions
A long list of (advanced) JavaScript questions, and their explanations ✨
Thank you for reading this far
Subscribe to my Newsletter for exciting posts just like this.
Subscribe | The Pen, Pixel & Profit Club
Join 1,187+ coders, entrepreneurs, and creators for a weekly newsletter featuring web dev tips, business case studies, how-to stories, writing deconstructions, and genius AI tools with usage instructions. Get inspiration and practical advice for your projects. Sign up now!
sarveshh.beehiiv.com
Top comments (1)
Hey man! You've done a great job by making this list. Thank you so much.