Useful GitHub repositories for learning Web Development
Tags: todayilearned, todayisearched, javascript, algorithms
Published: 2021-02-17 16:54:11

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](#Learning)
[Practicing](#Practicing)
[Preparing for Interviews](#Interviewing)


# Learning <a name="Learning"></a>

### 1. [Web Dev for Beginners](https://github.com/microsoft/Web-Dev-For-Beginners#lessons)

> This has everything to get you started. Starting from the ground up, text-editors, GitHub, and whatnot.

{% github microsoft/Web-Dev-For-Beginners no-readme %}

### 2. [You-need-to-know-css](https://github.com/l-hammer/You-need-to-know-css#view-online) 

> Exactly, you need to know CSS. [Here](https://lhammer.cn/You-need-to-know-css/#/) is a more user-friendly interface to help you learn easily.

{% github l-hammer/You-need-to-know-css no-readme %}

### 3. [ Front-End Checklist ](https://github.com/thedaviddias/Front-End-Checklist#table-of-contents)

> 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 thedaviddias/Front-End-Checklist no-readme %}

### 4. [The Algorithms - JavaScript](https://github.com/TheAlgorithms/Javascript/blob/master/DIRECTORY.md)

> 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 TheAlgorithms/Javascript no-readme %}

### 5. [Javascript Algorithms](https://github.com/trekhleb/javascript-algorithms#javascript-algorithms-and-data-structures)

> Can be used as an extension to the repository above.

{% github trekhleb/javascript-algorithms no-readme %}

### 6. [Node.js Best Practices] (https://github.com/goldbergyoni/nodebestpractices#welcome-3-things-you-ought-to-know-first) (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 goldbergyoni/nodebestpractices no-readme %}

### 7. [Project Guidelines](https://github.com/elsewhencode/project-guidelines#project-guidelines--) (Optional but important)

> It never hurts to know general practices in the field, does it.
{% github elsewhencode/project-guidelines no-readme %}


# Practicing <a name="Practicing"></a>

### 8. [Vanilla Web Projects](https://github.com/bradtraversy/vanillawebprojects#20-web-projects-with-vanilla-javascript)

> 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 bradtraversy/vanillawebprojects no-readme %}

### 9. [50projects50days](https://github.com/bradtraversy/50projects50days#50-projects-in-50-days---htmlcss-and-javascript)

> Just in case above projects seem a tad short.

{% github bradtraversy/50projects50days no-readme %}

### 10. [javascript-testing-best-practices](https://github.com/goldbergyoni/javascript-testing-best-practices#-why-this-guide-can-take-your-testing-skills-to-the-next-level)

> Well, we all like bug-free software don't we? Testing is the phase that will make your app *almost* bug-free.

{% github goldbergyoni/javascript-testing-best-practices no-readme %}

# Interviewing <a name="Interviewing"></a>

### 11. [Front End Interview Handbook](https://github.com/yangshun/front-end-interview-handbook#table-of-contents)

{% github yangshun/front-end-interview-handbook no-readme %}

### 12. [JavaScript Questions](https://github.com/lydiahallie/javascript-questions#javascript-questions)

{% github lydiahallie/javascript-questions no-readme %}



### Thank you for reading this far
Subscribe to my [Newsletter](https://sarveshh.beehiiv.com/) for exciting posts just like this.

{% embed https://sarveshh.beehiiv.com/subscribe %}