DEV Community

loading...
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

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.