DEV Community

Cover image for 7 GitHub projects essential for every Javascript developer 👨🏽‍💻 🚀
Ankit Anand ✨
Ankit Anand ✨

Posted on

7 GitHub projects essential for every Javascript developer 👨🏽‍💻 🚀

Javascript is so widely adopted that most developers can't avoid it entirely during the course of their careers. Sooner or later, you need to face JS, and when you do, you need to be ready with practical and fundamental concepts of the Javascript programming language.

So today, I want to share 7 amazing GitHub projects that will help you become a better Javascript developer. These GitHub projects are quite popular and can be a go-to resource for anyone looking to learn, and let's face it - Devs are always learning.🤓

So let's get started. 👊


Currently building SigNoz - an open-source application performance monitoring tool. The front-end is built in Typescript and Reactjs.

Check out our GitHub repo👇

GitHub logo SigNoz / signoz

SigNoz is an open-source observability platform native to OpenTelemetry with logs, traces and metrics in a single application. An open-source alternative to DataDog, NewRelic, etc. 🔥 🖥. 👉 Open source Application Performance Monitoring (APM) & Observability tool

SigNoz-logo

Monitor your applications and troubleshoot problems in your deployed applications, an open-source alternative to DataDog, New Relic, etc.

Downloads GitHub issues tweet

SigNoz helps developers monitor applications and troubleshoot problems in their deployed applications. With SigNoz, you can:

👉 Visualise Metrics, Traces and Logs in a single pane of glass

👉 You can see metrics like p99 latency, error rates for your services, external API calls and individual end points.

👉 You can find the root cause of the problem by going to the exact traces which are causing the problem and see detailed flamegraphs of individual request traces.

👉 Run aggregates on trace data to get business relevant metrics

👉 Filter and query logs, build dashboards and alerts based on attributes in logs

👉 Record exceptions automatically in Python, Java, Ruby, and Javascript

👉 Easy…





1. You don't know JS

⭐ Github stars: 141k

This repo is a series of books on core mechanisms of the Javascript language. The 2nd edition of the series is currently in progress, while the first edition is available and is entirely free to read online!

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…

2. Javascript Algorithms

⭐ Github stars: 111k

This repo is an amazing resource for anyone wanting to get a firm understanding of algorithms and data structure. It contains JavaScript based examples of many popular 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

3. 30 seconds of code

⭐ Github stars: 78.1k

This repo can be a super-booster to your JS workflow. It contains short Javascript code snippets for all your development needs. Once you get used to this, there's no looking back.🙇‍♀️

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…

4. Front-End Checklist

⭐ Github stars: 54.1k

There are a million things to take care of when you launch a website. So how do you ensure you have taken care of things that can break your product when it goes into production. Enter Front-end Checklist✅. It is an exhaustive list of all elements you need to have/test before launching your website / HTML page to production.

GitHub logo thedaviddias / Front-End-Checklist

🗂 The perfect Front-End Checklist for modern websites and meticulous developers


Front-End Checklist

  Front-End Checklist  


🚨 Currently working on new version of frontendchecklist.io,
feel free to discuss any feature you would like to see. Thanks for your support!


The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.

      PRs Welcome           Contributors         Front‑End_Checklist followed         CC0  

  How To UseContributingWebsiteProduct Hunt

Other Checklists:
  🎮 Front-End Performance Checklist💎 Front-End Design Checklist

It is based on Front-End developer's years of experience, with the additions coming from some other open-source checklists.


How to use?

All items in the Front-End Checklist are required for the majority of the projects, but some elements can be omitted or are not essential (in the case of an administration web app, you may not need RSS feed for example). We choose to use 3 levels of flexibility:

Low indicates that the item is recommended but can be…




5. Front End interview handbook

⭐ Github stars: 29.5k

This repo promises to make you go from zero to front-end interview hero even if you don't have prior interview experience. And, from the number of stargazers it has, it looks like it delivers on that promise. It has answers to every question in the very famous question bank Front-end Job Interview Questions.

GitHub logo yangshun / front-end-interview-handbook

⚡️ Front End interview preparation materials for busy engineers

Front End Interview Handbook

By GreatFrontEnd


Start Reading Front End Interview Handbook Start Practicing Front End Questions on GreatFrontEnd

What is this?

Unlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. This repository covers all you need to know for front end interviews:

Where to get hands on practice?

After getting a good understanding about front end interview preparation, try out GreatFrontEnd, a platform built by me! Not only are there 200+ practice questions, each…

6. Web-Dev for Beginners

⭐ Github stars: 27.1k

This repo is maintained by Azure Cloud Advocates at Microsoft and offers a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics.

GitHub logo microsoft / Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer

GitHub license GitHub contributors GitHub issues GitHub pull-requests PRs Welcome

GitHub watchers GitHub forks GitHub stars

Open in Visual Studio Code

Web Development for Beginners - A Curriculum

Learn the fundamentals of web development with our 12-week comprehensive course by Microsoft Cloud Advocates. Each of the 24 lessons dive into JavaScript, CSS, and HTML through hands-on projects like terrariums, browser extensions, and space games. Engage with quizzes, discussions, and practical assignments. Enhance your skills and optimize your knowledge retention with our effective project-based pedagogy. Start your coding journey today!

🧑‍🎓 Are you a student?

Visit Student Hub page where you will find beginner resources, Student packs and even ways to get a free certificate voucher. This is the page you want to bookmark and check from time to time as we switch out content monthly.

📣 Announcement - New Curriculum on Generative AI was just released!

Don't miss our NEW 12 lesson curriculum on generative AI!

Each lesson includes an assignment to complete, knowledge check and challenge to guide you on…

7. Reactjs Interview Questions

⭐ Github stars: 14k

This repo has a list of top 500 ReactJS Interview Questions & Answers.

GitHub logo sudheerj / reactjs-interview-questions

List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!

React Interview Questions & Answers

Click ⭐if you like the project. Pull Request are highly appreciated. Follow me @SudheerJonna for technical updates.


💡 Nail React interviews with questions and solutions from ex-interviewers! Try GreatFrontEnd → 💡


🚀 Ace React interview questions with solutions from FAANG+ companies! Try FrontendLead → 🚀


ZTM Logo

  1. I recommend this React course if you’re serious about learning React and want to go beyond the basics
  2. Want to ace your coding interview and get hired at your dream company? Take this coding interview bootcamp

Note: This repository is specific to ReactJS. Please check Javascript Interview questions for core javascript questions and DataStructures and Algorithms for DSA related questions or problems.

Table of Contents

Hide/Show table of contents






I hope you enjoyed this list. I will be coming up with more such amazing resources soon. So, stay tuned! 🙂

Top comments (41)

Collapse
 
novaken profile image
Rohan Patra

Thanks for the list!

Collapse
 
ankit01oss profile image
Ankit Anand ✨

You're welcome Rohan 😀

Collapse
 
xurlocation profile image
xur location

Amazing 🎉

Collapse
 
thealfredcarro profile image
αℓƒяє∂

Thanks for this, i really like the 30-seconds-of-code! 🤘

Collapse
 
ankitnayan_33 profile image
Ankit Nayan ⚡

very informative for someone looking to grow in javascript

Collapse
 
ankit01oss profile image
Ankit Anand ✨

Glad you liked it! 😊

Collapse
 
lenin8880 profile image
Lenin8880

Thanks for this resources
Can we learn and practice javascript from this projects ??

Collapse
 
ankit01oss profile image
Ankit Anand ✨

Yes Lenin. If you're started out, I will suggest to start with web-dev for beginners and You-don't-know-js.

Collapse
 
lenin8880 profile image
Lenin8880

Yes sir I'm a beginner and I have to start out now so can u provide me resources for learning full stack web development ??

Collapse
 
seokjeon profile image
Se-ok Jeon

Thx for this!!! This is really what I wanted. Helped A LOT.
Can I translate in Korean this post? If you don't mind, I wanna share this awesome post in Korean. Surely, There will be a linke directing to this original post.

Collapse
 
kevinrobertandrews profile image
Kevin

I hadn't seen 30 seconds of code before. That's a BOMB resource!

Collapse
 
melfordd profile image
Melford Birakor

Thanks

Collapse
 
ankit01oss profile image
Ankit Anand ✨

You're welcome!

Collapse
 
narutoxy profile image
Astro

Great start of my learning journey of JS. Thanks

Collapse
 
ankit01oss profile image
Ankit Anand ✨

So glad! Best of luck 👍

Collapse
 
nuel_ikwuoma profile image
nuel ikwuoma

awesome, thanks for sharing