DEV Community

Cover image for Useful GitHub repositories for learning Web Development

Useful GitHub repositories for learning Web Development

Sarvesh Patil
Inputting coffee to output code
・3 min read

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

Preparing for Interviews


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

A repository for All algorithms implemented in Javascript (for educational purposes only)

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 2021)

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


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 (January 2021)


11. Front End Interview Handbook

GitHub logo yangshun / front-end-interview-handbook

🕸 No-bullshit answers to the famous h5bp "Front-end Job Interview Questions"

12. JavaScript Questions

GitHub logo lydiahallie / javascript-questions

A long list of (advanced) JavaScript questions, and their explanations ✨

Thank you for reading this far.

Follow me on Github for exciting upcoming projects.

GitHub logo sarveshh / sarveshh

Welcome to my GitHub. I'm sure you'll find something interesting here.


Hero image

A passionate Full Stack developer from India 🇮🇳

Connect with me:

sarveshh sarveshh sarveshp273 sarvastic_af sarveshh sarveshh sarvastic_af


  Languages and Tools I like to work with

Programming Languages:-
javascript   python

FrontEnd Development
react   redux   sass   bootstrap   gulp   angularjs   html5   css3

Backend Development
express   nodejs   graphql

Mobile App Development
flutter   reactnative   ionic

mongodb   realm   mysql

Data Visualisation
d3js   canvasjs

Backend as a Service (BaaS)
firebase   heroku

django   flask

cypress   selenium

blender   illustrator   photoshop    xd   postman

scikit_learn   opencv   tensorflow


What am I up to?

  • 🔭 I’m currently working on Handwriter
  • 🌱 I’m currently learning three.js, GSAP and passport.js
  • 👨‍💻 All of my projects are available on GitHub
  • 📝 I regulary write articles on
  • 💬 Ask me about Javascript, Python, React, MongoDB, Firebase
  • ⚡ Fun fact I transform coffee to code

Stats and Reach:




Blog posts

Discussion (1)

albertjokelin profile image
Albert Jokelin

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