Top 10 GitHub repositoriess for Javascript developers 🚀
Tags: webdev, javascript, beginners, programming
Published: 2024-05-21 14:19:27

> Data updated on May 21, 2024

## [Top 1. JavaScript Algorithms and Data Structures - 184k ⭐️](https://github.com/trekhleb/javascript-algorithms)

**The high number of ⭐️ says it all 😎**

If you want to learn JS to graduate and work as a **Web Developer**, but in school you are stuck with **"Data Structures and Algorithms"**, then this is a great repo to help you combine both tasks.

One of the good things about this repo is that they clearly classify data structures and algorithms from basic to advanced.

👉️ Github: https://github.com/trekhleb/javascript-algorithms

![JavaScript Algorithms and Data Structures](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eiwiekkhhc08dn3tp82t.png)

---

## [Top 2. You Don't Know JS Yet - 177k ⭐️](https://github.com/getify/You-Dont-Know-JS)

Javascript developers must have known the famous book named **"You Don't Know JS Yet"**.

And you're right, the entire content of this book sold for **more than $25 on Amazon** is published for **FREE** by the author - **Kyle Simpson** on the GitHub repo below 😍

If you grow up from the book in the future, please try to buy one to support the author 🌿

👉️ Github: https://github.com/getify/You-Dont-Know-JS

![You Don't Know JS Yet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5voegsgb3iv9rfalobcs.png)

---

## [Top 3. Airbnb JavaScript Style Guide - 142k ⭐️](https://github.com/airbnb/javascript)

If any of you have worked on real projects, you surely know the concept of **"Coding convention"**, which helps programmers in the team agree on a common list of rules in coding process 👨‍💻

And this repo is a convention specifically for Javascript programmers of **Airbnb company** - the world's leading company in the model of connecting tenants and renters of rooms and resort apartments 🌆

This repo details guidelines on best practices for **writing clean, maintainable, efficient JavaScript code that ensures consistency and quality across projects.**

Many projects in other companies also take this convention as a model (can be customized a bit) to apply to their dev teams.

👉️ Github: https://github.com/airbnb/javascript

![Airbnb JavaScript Style Guide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fmmhnls35tuumw4013f0.png)

---

## [Top 4. clean-code-javascript - 90k ⭐️](https://github.com/ryanmcdermott/clean-code-javascript)

Another repo related to books 📚

This time it's a very famous book - known as the **bedside book** of programmers. The book is called **"Clean Code"** 🧹

This is the book ranked **Top 1 Amazon Best Seller** in the book category **Software Design & Engineering** 🥇

The author of this book is **Robert C. Martin**, also widely known as **"Uncle Bob"** 👨‍🦳

However, this **clean-code-javascript** repo on GitHub is not published by the author himself, but by a programmer named **Ryan McDermott**.

The examples in the original version of the book are coded in **Java**, which may cause some inconvenience for those new to programming and coding in **Javascript**. So the purpose of this repo is to remove those inconveniences.

👉️ Github: https://github.com/ryanmcdermott/clean-code-javascript

![clean-code-javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0gl6le2et45yhwggpd2.png)

---

## [Top 5. Microsoft Web Development for Beginners - 81.7k ⭐️](https://github.com/microsoft/Web-Dev-For-Beginners)

Looking at the name, I already see prestige. Located in the Top 5 position is a very good repo from **Microsoft**.

**"Microsoft Web Development for Beginners"** helps you learn Web programming principles with a 12-week course conducted by Microsoft Cloud Advocates 👨‍🏫

Through practice exercises, each lesson delves deeply into HTML, CSS and especially JS.

👉️ Github: https://github.com/microsoft/Web-Dev-For-Beginners

![Microsoft Web Development for Beginners](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ab0mfsw7v9zfhkc4ez1j.png)

---

## [Top 6. Awesome Interview Questions - 67.7k ⭐️](https://github.com/DopplerHQ/awesome-interview-questions)

**Awesome Interview Questions** is a collection of rich and useful interview questions for many different fields and technologies, of course **JavaScript** is indispensable 🗂️

The goal of this repository is to help programmers prepare carefully for **"brainstorming"** interviews with companies 🧠

In addition to JavaScript, those programming in other languages ​​can also refer to this list.

👉️ Github: https://github.com/DopplerHQ/awesome-interview-questions

![Awesome Interview Questions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6grh4b4d0yyt9wyiywyk.png)

---

## [Top 7. 33 Concepts Every JavaScript Developer Should Know - 62.2k ⭐️](https://github.com/leonardomso/33-js-concepts)

**33 Concepts Every JavaScript Developer Should Know** is a repo created with the purpose of helping developers master concepts in JavaScript.

The repo content includes a variety of genres: from lists of **articles**, lists of **videos**, to **books** so you can choose to study in your own way 📚

👉️ Github: https://github.com/leonardomso/33-js-concepts

![33 Concepts Every JavaScript Developer Should Know](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1cjpgxn30ozyerhq7vh0.png)

---

## [Top 8. 30 Days Of JavaScript - 41.1k ⭐️](https://github.com/Asabeneh/30-Days-Of-JavaScript)

**30 Days Of JavaScript** is a challenge repo 🧗‍♂️

The challenges will be arranged in order **from basic to advanced** 📈

At the end of the challenge, you will receive a **certificate from 30 Days Of JavaScript**, recognizing your efforts 🎖️

- **Day 1 - 8:** Learn basic knowledge such as Data Types, Operators, Conditionals, Loops, Functions, Objects.

- **Day 9 - 12:** Knowledge of Higher Order Functions, Sets, Maps, Destructuring, Spreading, Regular Expressions.

- **Days 13 - 17:** Console Object Methods, Error Handling, Classes, JSON, Web Storages.

- **Days 18 - 23:** Promises, Closure, Clean Code, DOM, Event Listeners.

- **Day 24 - 30:** Practice coding mini projects and final projects.

👉️ Github: https://github.com/Asabeneh/30-Days-Of-JavaScript

![30 Days Of JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mo6h8z9xf9sm8wocnzhj.png)

---

## [Top 9. What the f\*ck JavaScript? - 34.1k ⭐️](https://github.com/denysdovhan/wtfjs)

Although JavaScript is great, many of you must admit that it is quite **"funny"** in some cases 🤡

The main goal of this repo is to collect such examples, and **explain how they work (if possible)**

You can read this repo for entertainment, after hours of stressful bug fixing, and times exclaiming **"WTF?"** when coding JavaScript.

👉️ Github: https://github.com/denysdovhan/wtfjs

![What the f\*ck JavaScript?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ikkbqfoiavnvpbzz19mx.png)

---

## [Top 10. Project Guidelines - 29.2k ⭐️](https://github.com/elsewhencode/project-guidelines)

And finally, in the Top 10 position is a very good repo, a collection of **methods to help you structure JavaScript code projects effectively.**

- From Git branching, how to resolve conflicts.

- How to write documentation.

- Then set up development, test, and production environments.

- Manage dependencies.

- Folder structure and naming.

- Coding convention.

- Logging.

- Work with APIs.

- ...

All create a very detailed repo so that students can better understand what the **structure of a real project** will look like? Those of you who are already working can also refer to and refine useful and appropriate advice to **discuss with your team members and apply it to your projects**.

👉️ Github: https://github.com/elsewhencode/project-guidelines

![Project Guidelines](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qbx0i4arw7w3s6zfvc6d.png)

Thanks for reading! Write about your favourite GitHub repositories in the comments!

Btw, you can support my work by buying me a coffee!

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

Thank you 🌻

Hope this help. See ya 👋

~ Sang Minh Tran from Vietnam 🇻🇳