DEV Community

Cover image for 18 GitHub Repos for Learning JavaScript ️
Arpit
Arpit

Posted on • Originally published at codesnail.com

18 GitHub Repos for Learning JavaScript ️

Yeah, JavaScript is cool right. Here some GitHub Repos that help you to become better JavaScript developer.

1. Airbnb JavaScript Style Guide

GitHub logo airbnb / javascript

JavaScript Style Guide

Airbnb JavaScript Style Guide() {

A mostly reasonable approach to JavaScript

Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.

Downloads Downloads Gitter

This guide is available in other languages too. See Translation

Other Style Guides

Table of Contents

  1. Types
  2. References
  3. Objects
  4. Arrays
  5. Destructuring
  6. Strings
  7. Functions
  8. Arrow Functions
  9. Classes & Constructors
  10. Modules
  11. Iterators and Generators
  12. Properties
  13. Variables
  14. Hoisting
  15. Comparison Operators & Equality
  16. Blocks
  17. Control Statements
  18. Comments
  19. Whitespace
  20. Commas
  21. Semicolons
  22. Type Casting & Coercion
  23. Naming Conventions
  24. Accessors
  25. Events
  26. jQuery
  27. ECMAScript 5 Compatibility
  28. ECMAScript 6+ (ES 2015+) Styles
  29. Standard Library
  30. Testing
  31. Performance
  32. Resources
  33. In the Wild
  34. Translation
  35. The JavaScript Style Guide Guide
  36. Chat With Us About JavaScript
  37. Contributors
  38. License
  39. Amendments

Types

  • 1.1 Primitives: When you access a primitive type you work…

2. The Algorithms JavaScript

GitHub logo TheAlgorithms / JavaScript

Algorithms and Data Structures implemented in JavaScript for beginners, following best practices.

The Algorithms - JavaScript

JavaScript Repository of TheAlgorithms, which implements various algorithms and data structures in JavaScript.

JavaScript Banner

Gitpod ready-to-code Checks codecov Contributions Welcome standard.js Discord chat


These implementations are for demonstrative purposes only. Dedicated implementations of these algorithms and data structures are much better for performance and security reasons. We also do not provide any guarantee for api stability.


Before contributing to this repository, make sure to read our Contribution Guidelines. You can look at other TheAlgorithms Repositories or the issues with a "help wanted" label for inspiration regarding what to implement. Our maintainers will guide you through how to make your contribution properly if you make any mistakes. The names of the maintainers of this repository are listed in the CODEOWNERS file.

You can find a list of the algorithms currently in the repository in the directory. Explanations of many of the algorithms can be found in the wiki.


Thanks to all the contributors

3. JavaScript Algorithms and Data Structures

GitHub logo trekhleb / javascript-algorithms

📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings

JavaScript Algorithms and Data Structures

🇺🇦 UKRAINE IS BEING ATTACKED BY RUSSIAN ARMY. CIVILIANS ARE GETTING KILLED. RESIDENTIAL AREAS ARE GETTING BOMBED.


CI codecov repo size

This repository contains JavaScript based examples of many popular algorithms and data structures.

Each algorithm and data structure has its own separate README with related explanations and links for further reading (including ones to YouTube videos).

Read this in other languages: 简体中文 繁體中文, 한국어, 日本語, Polski, Français, Español, Português, Русский, Türkçe, Italiana, Bahasa Indonesia, Українська, Arabic, Tiếng Việt, Deutsch, Uzbek

☝ Note that this project is meant to be used for learning and researching purposes only, and it is not meant to be used for production.

Data Structures

4. Git Book teaching programming basics with JavaScript

GitHub logo GitbookIO / javascript

GitBook teaching programming basics with Javascript

Learn Javascript

This book will teach you the basics of programming and Javascript. Whether you are an experienced programmer or not, this book is intended for everyone who wishes to learn the JavaScript programming language.

JavaScript (JS for short) is the programming language that enables web pages to respond to user interaction beyond the basic level. It was created in 1995, and is today one of the most famous and used programming languages.




5. JavaScript30

GitHub logo wesbos / JavaScript30

30 Day Vanilla JS Challenge

JavaScript30

Starter Files + Completed solutions for the JavaScript 30 Day Challenge.

Grab the course at https://JavaScript30.com

Community #JavaScript30 Content

Feel free to submit a PR by adding a link to your own recaps, guides, or reviews!

6. JavaScript-questions

GitHub logo lydiahallie / javascript-questions

A long list of (advanced) JavaScript questions, and their explanations ✨

JavaScript Questions

Note

This repo was created in 2019 and the questions provided here are therefore based on the JavaScript syntax and behavior at that time. Since JavaScript is a constantly evolving language, there are newer language features that are not covered by the questions here.


From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit or prepare for your coding interview! 💪 🚀 I update this repo regularly with new questions. I added the answers in the **collapsed sections** below the questions, simply click on them to expand it. It's just for fun, good luck! ❤️

Feel free to reach out to me! 😊

Instagram || Twitter || LinkedIn || Blog







Feel free to use them in a project! 😃 I would really appreciate a reference to this repo, I create the questions and explanations (yes I'm sad lol) and the community helps me





7. Awesome JavaScript

8. clean-code-JavaScript

GitHub logo ryanmcdermott / clean-code-javascript

🛁 Clean Code concepts adapted for JavaScript

clean-code-javascript

Table of Contents

  1. Introduction
  2. Variables
  3. Functions
  4. Objects and Data Structures
  5. Classes
  6. SOLID
  7. Testing
  8. Concurrency
  9. Error Handling
  10. Formatting
  11. Comments
  12. Translation

Introduction

Humorous image of software quality estimation as a count of how many expletives you shout when reading code

Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.

Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.

Our craft of software engineering is just a bit over 50 years old, and we are still learning a lot. When software architecture is as old as architecture itself, maybe then we will have harder rules to follow. For now, let these guidelines serve as a touchstone by which to assess the quality of the JavaScript…

9. complete-JavaScript-course by Jonas

GitHub logo jonasschmedtmann / complete-javascript-course

Starter files, final projects, and FAQ for my Complete JavaScript course

Course Material and FAQ for my Complete JavaScript Course

This branch of the repo contains starter files and final code for all sections and projects of the course, exactly as shown in the videos.

Use starter code to start each section, and final code to compare it with your own code whenever something doesn't work!

There is also a the updates-and-fixes branch which is kept up-to-date with latest package updates and important bugfixes 🐛

🚨 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 🚨

FAQ

Q1: How do I download the files?

A: If you're new to GitHub and just want to download the entire code, hit the green button saying "Code", and then choose the "Download ZIP" option. If you can't see the button (on mobile), use this link instead.

Q2: I'm stuck! Where do I get help?

A: Have you actually…

10. Modern JavaScript Tutorial

GitHub logo javascript-tutorial / en.javascript.info

Modern JavaScript Tutorial

The Modern JavaScript Tutorial

This repository hosts the English content of the Modern JavaScript Tutorial, published at https://javascript.info.

Translations

We'd like to make the tutorial available in many languages. Please help us to translate.

See https://javascript.info/translate for the details.

Contributions

We'd also like to collaborate on the tutorial with other people.

Something's wrong? A topic is missing? Explain it to people, add it as PR 👏

You can edit the text in any editor. The tutorial uses an enhanced "markdown" format, easy to grasp. And if you want to see how it looks on-site, there's a server to run the tutorial locally at https://github.com/javascript-tutorial/server.

The list of contributors is available at https://javascript.info/about#contributors.

Structure

Every chapter, article, or task has its folder.

The folder is named like N-url, where N is a number for the sorting purposes and URL is the URL part with the title of…

11. JavaScript: Test-Driven Learning

GitHub logo MartinChavez / Javascript

Javascript : Test-Driven Learning

Javascript : Test-Driven Learning

This project is aimed to help the user further study Javascript with a test-driven approach. Each unit contains an annotated tutorial and a platform where you can test your understanding of the topic.

Topics

  • Arrays
  • Bad Practices and Solutions
  • Booleans
  • Built-in Functions
  • Closure
  • Comparisons
  • Conditionals
  • Exceptions
  • Falsey Values
  • Functional Javascript (new)
  • Function Expressions
  • Function Expressions as Parameters
  • Functions
  • General Performance
  • Hoisting
  • Logical Assignment
  • Loops
  • Namespaces
  • Numbers
  • Object Prototype
  • Objects
  • Objects Functionality
  • Prototypes
  • Strings
  • Switch Block
  • Ternary Conditionals
  • Truthy Values
  • Variables

Tools

Arrays

  /* An array is a data structure with automatically indexed positions*/
  it('Arrays can be accessed by indices', function () {
    //The brackets indicate to the compiler to make an array and to fill it with
    //the comma-separated values between the brackets
    var arrayOfStrings = [ "StringZero" , "StringOne" , "StringTwo"];
    //We can access any location of the zero-based
Enter fullscreen mode Exit fullscreen mode

12. Beginner JavaScript

GitHub logo wesbos / beginner-javascript

Slam Dunk JavaScript

Beginner JavaScript

These are the starter files and solutions to the Beginner JavaScript course

Function Definition Diagram

Description of javaScript function

Community Resources

Please feel free to add your blog post, videos, notes, or anything else related to the course :)




13. Computer Science in JavaScript

GitHub logo humanwhocodes / computer-science-in-javascript

Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript.

Computer Science in JavaScript

by Nicholas C. Zakas

If you find this useful, please consider supporting my work with a donation.

Description

Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript. This is the source code for the series of blog posts on my website.

Folder Structure

The most recent packages are found in these directories:

  • src - the implementation source code
  • tests - tests for the implementation source code

These directories contain old implementations that will be replaced eventually, they are just here to avoid confusing people who find this repo through the old blog posts:

  • data-structures - data structure implementations that have not been updated yet
  • encodings - encoding implementations that have not been updated yet
  • algorithms - miscellanous algorithm implementations that have not been updated yet

As I update these, implementations will move from these folders into src.

Branches

  • 2009 - the…

14. Node Best Practices

GitHub logo goldbergyoni / nodebestpractices

✅ The Node.js best practices list (July 2024)

Node.js Best Practices

Node.js Best Practices


102 items Last update: January 3rd, 2024 Updated for Node 22.0.0

Follow us on Twitter! @nodepractices


Read in a different language: CNCN, FRFR, BRBR, RURU, PLPL, JAJA, EUEU (ESES, HEHE, KRKR and TRTR in progress! )


🎊 2024 edition is here!

  • 🛰 Modernized to 2024: Tons of text edits, new recommended libraries, and some new best practices

  • ✨ Easily focus on new content: Already visited before? Search for #new or #updated tags for new content only

  • 🔖 Curious to see examples? We have a starter: Visit Practica.js, our application example and boilerplate (beta) to see some practices in action

Welcome! 3 Things You Ought To Know First

1. You are reading dozens of the best Node.js articles - this repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators

2. It is the

15. 33 JS Concepts

GitHub logo leonardomso / 33-js-concepts

📜 33 JavaScript concepts every developer should know.


33 Concepts Every JS Developer Should Know

33 Concepts Every JavaScript Developer Should Know

Introduction

This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement, but a guide for future studies. It is based on an article written by Stephen Curtis and you can read it here.

🚀 Considered by GitHub as one of the top open source projects of 2018!

Community

Feel free to submit a PR by adding a link to your own recaps or reviews. If you want to translate the repo into your native language, please feel free to do so.

All the translations for this repo will be listed below:

16. You Don’t Know JS

GitHub logo getify / You-Dont-Know-JS

A book series on JavaScript. @YDKJS on twitter.

You Don't Know JS Yet (book series) - 2nd Edition

This is a series of books diving deep into the core mechanisms of the JavaScript language. This is the second edition of the book series:

     ...

To read more about the motivations and perspective behind this book series, check out the Preface.

If you're looking for the previous first edition books, they can be found here.

Titles

I recommend reading the second edition books in this order:

If you're looking for the previous first edition books, they can be found here.

Publishing

As always, you'll be able to read these books online here…

17. 30 seconds of Code

GitHub logo Chalarangelo / 30-seconds-of-code

Short code snippets for all your development needs

Logo

30 seconds of code

Short code snippets for all your development needs

  • Visit the website to view the snippet collection.
  • Search for snippets and collections that suit your needs, using the name, tags, language or description.
  • Browse all snippets or individual snippet collections for each topic.
  • Click on each snippet card to view the whole snippet, including code, explanation and examples.
  • You can copy code blocks on any snippet card, using the copy button at the top right.
  • If you like the project, give it a star. It means a lot.

Want to contribute?

  • Community contributions are not accepted at this time. Check back later for updates.

Credits

  • This repository is maintained by Angelos Chalaris.
  • All code snippets are licensed under the CC-BY-4.0 License, unless explicitly stated otherwise.
  • Any other material (including text content, images, the website source code, logos, names and trademarks) are not to be used without…

18. Project Guidelines

GitHub logo elsewhencode / project-guidelines

A set of best practices for JavaScript projects

中文版 | 日本語版 | 한국어 | Русский | Português | Italiana

Project Guidelines · PRs Welcome

While developing a new project is like rolling on a green field for you, maintaining it is a potential dark twisted nightmare for someone else Here's a list of guidelines we've found, written and gathered that (we think) works really well with most JavaScript projects here at elsewhen If you want to share a best practice, or think one of these guidelines should be removed, feel free to share it with us.


1. Git

Git

1.1 Some Git rules

There are a set of rules to keep in mind:

  • Perform work in a…





Thanks :)

Top comments (0)