26 Github Open Sources For Learning Programming
Tags: html, javascript, webdev, beginners
Published: 2021-12-21 13:28:14

In today's article, I will introduce you to some completely free programming learning websites on github for website design and development.

#30 Seconds Of Code
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 Reactjs, Nodejs, Git, CSS, Python and especially Javascript algorithms, implemented JavaScript ES6, tutorials and examples for Common data structures used JS...
![30 Seconds Of Code](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/30secondsofcode%20%281%29.jpeg)
[30 Seconds Of Code](https://www.30secondsofcode.org/collections)

#Airbnb JavaScript Style Guide
This is a github page that summarizes the best ways to write JavaScript code through real-world examples.
![Airbnb JavaScript Style Guide](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Airbnb%20JavaScript%20Style%20Guide%20%281%29.png)
[Airbnb JavaScript Style Guide](https://github.com/dangkyokhoang/javascript-style-guide)

#You might not need jQuery
It is a website that helps you use the main functions of Jquery in pure Javascript.
![You might not need jQuery](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/You%20might%20not%20need%20jQuery%20%281%29.jpeg)
[You might not need jQuery](https://youmightnotneedjquery.com/)

#Spellbook of Modern Web Dev
It is a collection of learning resources (such as articles, books, etc.) useful for web developers.
![Spellbook of Modern Web Dev](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Spellbook%20of%20Modern%20Web%20Dev%20%281%29.png)
[Spellbook of Modern Web Dev](https://github.com/dexteryy/spellbook-of-modern-webdev)

#33 JavaScript Concepts
Summary of detailed articles to help programmers master Javascript concepts.
![33 JavaScript Concepts](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/33%20JavaScript%20Concepts%20%281%29.png)
[33 JavaScript Concepts](https://github.com/nguyentranchung/33-js-concepts)

#Project Guidelines
This is a github page for tutorials and essentials when you start a website development project.
![Project Guidelines](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Project%20Guidelines%20%281%29.png)
[Project Guidelines](https://github.com/elsewhencode/project-guidelines)

#Web Developer Road Map
Web Developer Road Map provides a complete road map for you on your developer development path. It provides detailed information for each stage to learn programming and is updated every year. In addition, it provides detailed roadmap for each different industry like Frontend, Backend, DevOps, Android...
![Web Developer Road Map](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Web%20Developer%20Road%20Map%20%281%29.jpeg)
[Web Developer Road Map](https://roadmap.sh/)

#Front-end Developer Interview Questions
A place to collect common questions in the front end interview process. (You will have to find the answer yourself.)
![Front-end Developer Interview Questions](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Front-end%20Developer%20Interview%20Questions%20%281%29.jpeg)
[Front-end Developer Interview Questions](https://h5bp.org/Front-end-Developer-Interview-Questions/)

#Clean Code Javascripts
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...
![Clean Code Javascript](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/Clean%20Code%20Javascript.png)
[Clean Code Javascript](https://github.com/ryanmcdermott/clean-code-javascript)

#DevDocs
DevDocs is a collection of almost complete documents for today's popular programming languages such as Javascript, HTML, CSS, PHP, React, Vue...
![DevDocs](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/DevDocs%20%281%29.png)
[DevDocs](https://devdocs.io/)

#Every Programmer Should Know
A place to synthesize technical knowledge that a programmer should know.
![Every Programmer Should Know](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Every%20Programmer%20Should%20Know%20%281%29.png)
[Every Programmer Should Know](https://github.com/mtdvio/every-programmer-should-know)

#Tech Interview Handbook
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. ..
![Tech Interview Handbook](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/Tech%20Interview%20Handbook.png)
[Tech Interview Handbook](https://techinterviewhandbook.org/)

#Grab Front End Guide
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.
![Grab Front End Guide](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Grab%20Front%20End%20Guide%20%281%29.jpeg)
[Grab Front End Guide](https://github.com/grab/front-end-guide)

#Learn Git Branching
A place to help you learn Git through tutorials and visual examples.
![Learn Git Branching](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Learn%20Git%20Branching%20%281%29.jpeg)
[Learn Git Branching](https://learngitbranching.js.org/)

#Vanilla Web Projects
A place to help you practice pure javascript code in website development through more than 20 completely free projects.
![Vanilla Web Projects](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Vanilla%20Web%20Projects%20%20%281%29.jpeg)
[Vanilla Web Projects](https://github.com/bradtraversy/vanillawebprojects)

#Free Programming Books
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 popcast, video, coding programs ...
![Free Programming Books](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/Free%20Programming%20Books.png)
[Free Programming Books](https://ebookfoundation.github.io/free-programming-books/)

#Modern JavaScript Cheatsheet
This page is a cheatsheet for JavaScript that helps you solve frequently encountered problems in building projects.
![Modern JavaScript Cheatsheet](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Modern%20JavaScript%20Cheatsheet%20%281%29.png)
[Modern JavaScript Cheatsheet](https://mbeaudru.github.io/modern-js-cheatsheet/)

#The Front-End Checklist
The Front-End Checklist is a list of all the elements that you need to have before your website goes into production.
![The Front-End Checklist](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/The%20Front-End%20Checklist.png)
[The Front-End Checklist](https://frontendchecklist.io/)

#Front-End Performance Checklist
Front-End Performance Checklist is a collection of knowledge and examples to help your website load faster and more optimally.
![Front-End Performance Checklist](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Front-End%20Performance%20Checklist%20%281%29.jpeg)
[Front-End Performance Checklist](https://github.com/thedaviddias/Front-End-Performance-Checklist)

#Awesome
Awesome is an almost complete collection of books, tools, libraries, etc. for today's popular programming languages and topics.
![Awesome](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Awesome%20%281%29.jpeg)
[Awesome](https://github.com/sindresorhus/awesome)

#Design Resources For Developers
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...
![Design Resources For Developers](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Design%20Resources%20For%20Developers%20%281%29.jpeg)
[Design Resources For Developers](https://github.com/bradtraversy/design-resources-for-developers)

#System Design Primer
It is a tutorial github page that helps you learn how to design, optimize and easily extend for large systems.
![System Design Primer](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/System%20Design%20Primer%20%281%29.jpeg)
[System Design Primer](https://github.com/donnemartin/system-design-primer)

#JavaScript Algorithms And Data Structures
JavaScript Algorithms And Data Structures is home to a full collection of real-world examples of popular algorithms and data structures.
![JavaScript Algorithms And Data Structures](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/JavaScript%20Algorithms%20V%C3%A0%20Data%20Structures.png)
[JavaScript Algorithms And Data Structures](https://github.com/trekhleb/javascript-algorithms)

#CSS Protips
CSS Protips is a place that specializes in synthesizing knowledge to help you optimize CSS in website design.
![CSS Protips](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/CSS%20Protips%20%281%29.jpeg)
[CSS Protips](https://github.com/AllThingsSmitty/css-protips#css-protips-)

#Awesome Web Development Resources
Awesome Web Development Resources is a aggregator of free programming resources for developers.
![Awesome Web Development Resources](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/learn-programming/Awesome%20Web%20Development%20Resources%20%281%29.jpeg)
[Awesome Web Development Resources](https://github.com/markodenic/web-development-resources)

#JavaScript Questions
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.
![JavaScript Questions](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/github-respo/JavaScript%20Questions.png)
[JavaScript Questions](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!

If you want read more article please go to [https://us.niemvuilaptrinh.com/](https://us.niemvuilaptrinh.com/)

<a href="https://www.buymeacoffee.com/nhat" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>