DEV Community

Cover image for Best GitHub repos to learn Programming [UPDATED]
Mavrick.dev 🦅
Mavrick.dev 🦅

Posted on

Best GitHub repos to learn Programming [UPDATED]

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

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

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

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

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

Summary of detailed articles to help programmers master JavaScript concepts.

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

JS IQ
Image description
one of the best interview preparation kit for , javascript , react n angular

https://iq.js.org/

Project Guidelines

Image description

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

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

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

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

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

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

Tech Interview Handbook

Image description

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

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
A place to help you learn Git through tutorials and visual examples.

https://learngitbranching.js.org/

Vanilla Web Projects

Image description

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

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

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

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

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

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!

Top comments (0)