Best GitHub repos to learn Programming [UPDATED]
Tags: javascript, programming, webdev, beginners
Published: 2021-12-25 00:34:04

Sometimes knowing exactly what you should learn can be a daunting task , in this article I will provide the best GitHub repos to help you with your programming journey
i will keep this article updated continuously 


**Roadmap SH**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ovbhgppgbw8qm8qpuh0z.jpg)

roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings.

https://roadmap.sh/


**30 Seconds Of Code**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zmnxduhkjk5o0nkwfkbe.jpeg)


It is a place to aggregate code snippets to help you solve common problems encountered in the process of implementing code into your project. It supports popular languages like React, Node.js, Git, CSS, Python and especially JavaScript algorithms, implemented JavaScript ES6, tutorials and examples for common data structures used in JavaScript.

https://www.30secondsofcode.org/collections

**Airbnb JavaScript Style Guide**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ilbtus5ey6hrqwmxgh1.jpg)


This is a GitHub page that summarizes the best ways to write JavaScript code through real-world examples.

https://github.com/airbnb/javascript


**The Algorithm**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pwc7dj97zzhg1untdt0n.jpg)
It is one of the best GitHub repositories for learning data structures and algorithms using different languages. Data Structures must be known for every computer science student. Whether you are a python developer, Java developer, Go developer, or some old-school C++ developer, there is something for everyone in this repository that you should learn. All the algorithms and data structures present here are explained very easily. They also have a website for easy access to all the code.

https://github.com/TheAlgorithms



**Spellbook of Modern Web Dev**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/414242q2pl2986tz4vg2.png)

It is a collection of learning resources (such as articles, books, etc.) useful for web developers.

https://github.com/dexteryy/spellbook-of-modern-webdev

**33 JavaScript Concepts**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7g38cgwgodnfwwuqnvp1.jpg)

Summary of detailed articles to help programmers master JavaScript concepts.

https://github.com/leonardomso/33-js-concepts

**JS IQ**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9dg5lpopp1qdbp6wjha0.jpg)
one of the best interview preparation kit for , javascript , react n angular

https://iq.js.org/
 
**Project Guidelines**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wf9vihzge2swgj91jaoj.png)

This is a GitHub page for tutorials and essentials when you start a website development project.

https://github.com/elsewhencode/project-guidelines


**Front-end Developer Interview Questions**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iwa4b0yatgd8bh2my63o.jpg)

A place to collect common questions in the front-end interview process. (You will have to find the answer yourself.)

https://h5bp.org/Front-end-Developer-Interview-Questions/

**Clean Code JavaScript**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t4edidx8p9rckrh4dfte.png)

It synthesizes the author’s coding experience in the process of working with the JavaScript programming language. It helps us learn to write code that is easy to understand, can be easily reused, increases the efficiency of the code…

https://github.com/ryanmcdermott/clean-code-javascript

**DevDocs**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mc0wyzl4m8e0qm77rti1.jpg)

DevDocs is a collection of almost complete documents for today’s popular programming languages such as JavaScript, HTML, CSS, PHP, React, Vue.js.

https://devdocs.io/

**Every Programmer Should Know**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/14wtzng121jflya9v0w4.jpg)

A place to synthesize technical knowledge that a programmer should know.

https://github.com/mtdvio/every-programmer-should-know


**Tech Interview Handbook**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zd4oo5ivh1vr0wibmmud.png)

Tech Interview Handbook is a website that summarizes interview experiences for developers such as how to write a CV, introduce yourself, frequently asked questions in an interview and popular algorithms and techniques in programming.


https://techinterviewhandbook.org/

**Grab Front End Guide**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/518jh1trr4o4cvmpy9qe.jpeg)

This page will help frontend beginners understand the basic concepts as well as what tools and libraries to use for web projects through the practical handling experience of Grab’s engineering team.

https://github.com/grab/front-end-guide


**Learn Git Branching**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqtfhhvc4ykk5p8dujui.jpg)
A place to help you learn Git through tutorials and visual examples.

https://learngitbranching.js.org/


**Vanilla Web Projects**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqqdgju75xzbo4e8pfdv.jpg)

A place to help you practice pure javascript code in website development through more than 20 completely free projects.

https://github.com/bradtraversy/vanillawebprojects

**Free Programming Books**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sw7v04trebyxschi8u6i.png)

In my opinion, this is a website that gathers almost all of the free courses and programming books for programmers today. The point I like the most here is that it is divided into many different languages so that we can easily choose the right document. In addition to reading documents, it also provides you with other formats such as podcast, video, coding programs.

https://ebookfoundation.github.io/free-programming-books/

**Modern JavaScript Cheatsheet**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vcd3xsftmnk2hh97k00a.png)

This page is a cheatsheet for JavaScript that helps you solve frequently encountered problems in building projects.

https://github.com/mbeaudru/modern-js-cheatsheet


**The Front-End Checklist**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9b1o2plehh58ftmgmy9y.png)
The Front-End Checklist is a list of all the elements that you need to have before your website goes into production.

https://frontendchecklist.io/

Front-End Performance Checklist

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6lxjh0xvbkj27bhis9z6.jpg)

Front-End Performance Checklist is a collection of knowledge and examples to help your website load faster and more optimally.

https://github.com/thedaviddias/Front-End-Performance-Checklist

Awesome

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dt3d47ac2o6xklu69drl.jpg)
Awesome is an almost complete collection of books, tools, libraries, etc. for today’s popular programming languages and topics.

https://github.com/sindresorhus/awesome

**Design Resources For Developers**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxovs4vyjsmou3go6eh0.png)
Design Resources For Developers is a collection of design tools for programmers in the process of website development such as choosing colors, fonts, free templates, CSS framework.

https://github.com/bradtraversy/design-resources-for-developers
 
 
**System Design Primer**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ujncsuc12cpa0oqra19p.png)
It is a GitHub tutorial page that helps you learn how to design, optimize and easily extend for large systems.

https://github.com/donnemartin/system-design-primer


**JavaScript Algorithms And Data Structures**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e44rppktaqq4j2wbqd0a.jpg)
JavaScript Algorithms And Data Structures is home to a full collection of real-world examples of popular algorithms and data structures.

https://github.com/trekhleb/javascript-algorithms

**CSS Protips**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z0i99ql83bur37mo5qcu.jpg)

CSS Protips is a place that specializes in synthesizing knowledge to help you optimize CSS in website design.

https://github.com/AllThingsSmitty/css-protips#css-protips-

**Awesome Web Development Resources**

Awesome Web Development Resources is an aggregator of free programming resources for developers.

https://github.com/markodenic/web-development-resources


**JavaScript Questions**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cj2y34sy5mxmkxytkd4l.jpg)

This website collects questions for the JavaScript programming language from basic to advanced. What I like most about it is that it has answers and detailed instructions for each question. It is also translated into many different languages.

https://github.com/lydiahallie/javascript-questions

Summary
I hope the article will provide you with free places to learn programming for web development and design, and if you have any questions, just send an email; I will respond as soon as possible. I hope you continue to support the site so that I can write more good articles. Have a nice day!