Skip to main content

21 GitHub Repositories to Become a JavaScript Master ๐Ÿ“š๐Ÿš€


Learning and mastering JavaScript can be hard if you are not aware of the resources that are available to you. You don't need to apply for expensive courses and boot camps. In fact, a great start is GitHub.

These free repositories will include everything you need. The list cover topics from algorithms and engineering principles to style guides, code snippets, cheatsheets, books, projects, interview questions, testing, etc.

1. javascript-algorithms

⭐ Github stars: 123k+

GitHub logo trekhleb / javascript-algorithms

๐Ÿ“ Algorithms and data structures implemented in JavaScript with explanations and links to further readings

JavaScript based examples of many popular algorithms and data structures.

2. 30-seconds-of-code

⭐ Github stars: 87k+

GitHub logo 30-seconds / 30-seconds-of-code

Short JavaScript code snippets for all your development needs

Short JavaScript code snippets for all your development needs.

3. airbnb-js-style-guide

⭐ Github stars: 115k+

GitHub logo airbnb / javascript

JavaScript Style Guide

The famous Airbnb JavaScript Style Guide.

4. You-Dont-Know-JS

⭐ Github stars: 146k+

GitHub logo getify / You-Dont-Know-JS

A book series on JavaScript. @YDKJS on twitter.

This is a series of books diving deep into the core mechanisms of the JavaScript language.

5. wtfjs

⭐ Github stars: 23k+

GitHub logo denysdovhan / wtfjs

๐Ÿคช A list of funny and tricky JavaScript examples

A list of tricky JavaScript examples.

6. js-the-right-way

⭐ Github stars: 7k+

GitHub logo braziljs / js-the-right-way

An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web

An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web.

7. javascript-questions

⭐ Github stars: 38k+

GitHub logo lydiahallie / javascript-questions

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

A long list of (advanced) JavaScript questions, and their explanations by Lydia Hallie.

8. clean-code-javascript

⭐ Github stars: 58k+

GitHub logo ryanmcdermott / clean-code-javascript

๐Ÿ› Clean Code concepts adapted for JavaScript

Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript.

9. 33-js-concepts

⭐ Github stars: 44k+

GitHub logo leonardomso / 33-js-concepts

๐Ÿ“œ 33 JavaScript concepts every developer should know.

33 modern JavaScript concepts every developer should know.

10. ES6-for-humans

⭐ Github stars: 4k+

GitHub logo metagrover / ES6-for-humans

A kickstarter guide to writing ES6

A well-explained kickstarter guide to writing ES6.

11. awesome-javascript

⭐ Github stars: 25k+

GitHub logo sorrycc / awesome-javascript

๐Ÿข A collection of awesome browser-side JavaScript libraries, resources and shiny things.

A collection of awesome browser-side JavaScript libraries, resources and shiny things.

12. modern-js-cheatsheet

⭐ Github stars: 21k+

GitHub logo mbeaudru / modern-js-cheatsheet

Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.

Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.

13. jstips

⭐ Github stars: 11k+

GitHub logo loverajoel / jstips

This is about useful JS tips!

Useful JavaScript tips that will allow you to improve your code writing.

14. js-stack-from-scratch

⭐ Github stars: 18k+

GitHub logo verekia / js-stack-from-scratch

๐Ÿ› ️⚡ Step-by-step tutorial to build a modern JavaScript stack.

Step-by-step tutorial to build a modern JavaScript stack.

15. Awesome JavaScript Projects

⭐ Github stars: 500+

GitHub logo Vishal-raj-1 / Awesome-JavaScript-Projects

This Repository contain awesome vanilla JavaScript projects.

The collection of awesome vanilla JavaScript projects.

16. JavaScript30

⭐ Github stars: 16k+

GitHub logo wesbos / JavaScript30

30 Day Vanilla JS Challenge

The famous JavaScript course by Wes Bos.

17. project-guidelines

⭐ Github stars: 25k+

GitHub logo elsewhencode / project-guidelines

A set of best practices for JavaScript projects

A set of best practices for JavaScript projects.

18. nodebestpractices

⭐ Github stars: 71k+

GitHub logo goldbergyoni / nodebestpractices

✅ The Node.js best practices list (January 2022)

The Node.js best practices list.

19. javascript-testing-best-practices

⭐ Github stars: 13k+

GitHub logo goldbergyoni / javascript-testing-best-practices

๐Ÿ“—๐ŸŒ ๐Ÿšข Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2021)

Comprehensive and exhaustive JavaScript & Node.js testing best practices.

20. javascript-interview-questions

⭐ Github stars: 5k+

GitHub logo sudheerj / javascript-interview-questions

List of 1000 JavaScript Interview Questions

List of 1000 JavaScript Interview Questions.

21. must-watch-javascript

⭐ Github stars: 6k+

GitHub logo AllThingsSmitty / must-watch-javascript

A useful list of must-watch talks about JavaScript

A useful list of must-watch talks about JavaScript.


I hope you found these GitHub repositories useful!

Source :- https://dev.to/madza/21-github-repositories-to-become-a-javascript-master-5bpa

Comments

Popular posts from this blog

How to Add a VS Code Editor to Your Website

How to Add a VS Code Editor to Your Website The Monaco editor by Microsoft provides a code editor component that can be easily integrated into websites. With just a few lines of code, you can add a full-featured editor similar to VS Code in your web app. In this tutorial, we'll see how to do just that. Getting Started To use Monaco, we need to include it in our page. We can get it from a CDN: < script src = "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.23.0/min/vs/loader.min.js" > </ script > This will load the Monaco library asynchronously. Next, we need a <div> in our HTML where we can instantiate the editor: < div id = "editor" ></ div > Now in our JavaScript code, we can initialize Monaco and create the editor: require .config({ paths : { 'vs' : 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.23.0/min/vs' }}); require ([ "vs/editor/editor.main" ], function ( ) { const ...

10 Free GitHub Copilot Alternatives for VS Code in 2024

10 Free GitHub Copilot Alternatives for VS Code in 2024 As developers, we're always on the lookout for tools that can help us write code more efficiently. GitHub Copilot has been a game-changer in this regard, but its premium pricing may be a deterrent for some. Fortunately, there are several free alternatives available that offer similar functionality. In this article, we'll explore 10 of the best free GitHub Copilot alternatives for Visual Studio Code in 2024. Comparison of Free GitHub Copilot Alternatives Tool Language Support Auto-Completion Code Generation Code Explanation Bito Python, JavaScript, TypeScript, Java, C#, C++, Go, Ruby, PHP, Swift, Kotlin, Rust, Scala ✓ ✓ ✓ Tabnine Python, JavaScript, TypeScript, Java, C#, C++, Go, Ruby, PHP, Swift, Kotlin, Rust, Scala ✓ ✓ ✗ Amazon CodeWhisperer Python, JavaScript, TypeScript, Java, C#, C++, Go, Ruby, PHP ✓ ✓ ✗ Codeium Python, JavaScript, TypeScript, Java, C#, C...

Top React UI Libraries ๐ŸŒŸ

๐ŸŒŸ The Ultimate Roundup of Top React UI Libraries for Your Next Project! ๐Ÿš€๐ŸŽจ Hey there, React wizards! ๐Ÿช„✨ Ready to take your frontend game to the next level? Let's dive into an even broader spectrum of incredible React UI libraries that'll make your interfaces shine like never before! ๐Ÿ’ป๐ŸŒˆ 1. Tremor UI ๐ŸŒŠ ๐ŸŒŸ Tremor UI is a rising star in the React UI galaxy! ✨ It offers a sleek and modern design language, perfect for crafting stylish buttons and more. ๐Ÿ”˜๐ŸŽจ With Tremor, you can effortlessly create eye-catching user interfaces with its intuitive API and customizable components. ๐Ÿช„✨ Key Features : Modern Design Aesthetic Easy Customization Focus on User Experience 2. Radix UI ๐ŸŒฑ ๐ŸŒŸ Radix UI is all about building accessible, powerful components for React. ๐Ÿ› ️๐Ÿ”ฉ From modals to tooltips, Radix UI provides a solid foundation for creating interactive and user-friendly interfaces. ๐ŸŒ๐Ÿงก Dive into Radix ...

Random Posts