DEV Community

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

Posted 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

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

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

Interviewing

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

sarveshh

โ€ƒย 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

Database
mongodb โ€ƒ realm โ€ƒ mysql

Data Visualisation
d3js โ€ƒ canvasjs

Backend as a Service (BaaS)
firebase โ€ƒ heroku

Framework
django โ€ƒ flask

Testing
cypress โ€ƒ selenium

Softwares
blender โ€ƒ illustrator โ€ƒ photoshop โ€ƒโ€ƒ xd โ€ƒ postman

AI/ML
scikit_learn โ€ƒ opencv โ€ƒ tensorflow

Others
git

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 dev.to
  • ๐Ÿ’ฌ Ask me about Javascript, Python, React, MongoDB, Firebase
  • โšก Fun fact I transform coffee to code

Stats and Reach:

ย  sarveshh

sarveshh

ย sarveshh

Blog posts






Discussion (1)

Collapse
albertjokelin profile image
Albert Jokelin

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