DEV Community

Cover image for Useful GitHub repositories for learning Web Development
Sarvesh Patil
Sarvesh Patil

Posted on • Updated on

Useful GitHub repositories for learning Web Development

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.

GitHub logo 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.

GitHub logo 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.

GitHub logo 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.

GitHub logo 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.

GitHub logo 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.

GitHub logo 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.

GitHub logo elsewhencode / project-guidelines

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.

GitHub logo bradtraversy / vanillawebprojects

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries

9. 50projects50days

Just in case above projects seem a tad short.

GitHub logo 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.

GitHub logo goldbergyoni / javascript-testing-best-practices

📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (December 2022)

Interviewing

11. Front End Interview Handbook

GitHub logo yangshun / front-end-interview-handbook

⚡️ Front End interview preparation materials for busy engineers

12. JavaScript Questions

GitHub logo 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!

favicon sarveshh.beehiiv.com

Top comments (1)

Collapse
 
albertjokelin profile image
Albert Jokelin

Hey man! You've done a great job by making this list. Thank you so much.