DEV Community

Cover image for 10 Awesome GitHub Repos For Web Developers
Kiran Raj R
Kiran Raj R

Posted on • Updated on

10 Awesome GitHub Repos For Web Developers

Here I list 10 excellent JavaScript based GitHub resources that will help you to understand the language better and help you to write clean code. This list is based on my personal preference.

  1. 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:

    Recommended This repos consists of 33 JavaScript topics that are important to understand JavaScript. The concept complexity level varies from simple to complex. Learning all these concept will definitely help you to master JavaScript to a very good level. Each section provides a very good list of several in-depth blogs and video resources about the concept which will help you to understand the concept quickly.
  2. 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
    Recommended This repo contains a collection of JavaScript code snippet based questions and answer with explanations. The repo consists of almost 150+ question and answers, the complexity of the question varies from simple to advance level. This repo is a good source to understand the concepts of JavaScript and it's working.
  3. 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…

    Highly Recommended You don't know JS is a free JavaScript book series by Kyle Simpson, he has done many popular tutorials on JavaScript. The books are not entry level stuff, you need good basic knowledge about JavaScript to understand the books, and mind it you cannot finish the books in a single sitting. The first edition of the book series consists of 6 books, second edition till now have two completed books. I highly recommend his books as it will give you deep knowledge about JavaScript.
  4. 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

    Highly Recommended This repo consists of popular algorithms and data structures implemented using the JavaScript. They provide external resource links and video to learn more about the topic. This is an excellent source to ace a JavaScript interview.
  5. GitHub logo EbookFoundation / free-programming-books

    📚 Freely available programming books

    List of Free Learning Resources In Many Languages

    Awesome  License: CC BY 4.0  Hacktoberfest 2023 stats

    Search the list at https://ebookfoundation.github.io/free-programming-books-search/ https://ebookfoundation.github.io/free-programming-books-search/.

    This page is available as an easy-to-read website. Access it by clicking on https://ebookfoundation.github.io/free-programming-books/.

    Intro

    This list was originally a clone of StackOverflow - List of Freely Available Programming Books with contributions from Karan Bhangui and George Stocker.

    The list was moved to GitHub by Victor Felder for collaborative updating and maintenance. It has grown to become one of GitHub's most popular repositories.

    GitHub repo forks  GitHub repo stars  GitHub repo contributors
    GitHub org sponsors  GitHub repo watchers  GitHub repo size

    The Free Ebook Foundation now administers the repo, a not-for-profit organization devoted to promoting the creation, distribution, archiving, and sustainability of free ebooks. Donations to the Free Ebook Foundation are tax-deductible in the US.

    How To Contribute

    Please read CONTRIBUTING. If you're new to GitHub, welcome! Remember to abide by our adapted from Contributor Covenant 1.3 Code of Conduct too (translations also available).

    Click on these badges to see how you might…

    Recommended This repo consisted of list of free books of almost all programming languages, including JavaScript. Books in multiple language are available here. It is on of the highly stared repo with more than 185k stars.
  6. This repo consists of collection of various "how to build" type of repo based on various programming languages including JavaScript. It contains tutorials that will help you to create a good project for you to show to the world, same time the explanations will help you to understand JavaScript better.
  7. 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…

    Highly Recommended This repo is about how we should style out JavaScript codes. Why we need style guides? Different programmers write code differently, each person has their own style, so it become difficult for on person to understand another person's code quickly. Style guide can be defined as the rules / standards that outline how code should be written and organized. Style guide help to keep the coding patter across a company same and help to keep the code clean and easy to understand. It will also help in debugging.
  8. 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…

    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.
  9. GitHub logo jwasham / coding-interview-university

    A complete computer science study plan to become a software engineer.

    Coding Interview University

    I originally created this as a short to-do list of study topics for becoming a software engineer but it grew to the large list you see today. After going through this study plan, I got hired as a Software Development Engineer at Amazon You probably won't have to study as much as I did. Anyway, everything you need is here.

    I studied about 8-12 hours a day, for several months. This is my story: Why I studied full-time for 8 months for a Google interview

    Please Note: You won't need to study as much as I did. I wasted a lot of time on things I didn't need to know. More info about that is below. I'll help you get there without wasting your precious time.

    The items listed here will prepare you well for a technical interview at just about any software company including the…

    This repo is one of the best repo to understand concepts that you need to ace your interview. It contain list of topic you need to understand to have a software development job without a CS degree. It is not JavaScript Specific, but this repo is a good resource to understand various basic topics.
  10. If you are confused about what you should learn next in web development or what should be the aim. I will recommend this repo as it can help you to choose what you should learn next and what options are available. This repo consists of set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops.

There are some useful repos that I think should help you, take a look at if you are interested.

  1. This repo consists awesome list of various topic including JavaScript related topics.
  2. GitHub logo public-apis / public-apis

    A collective list of free APIs

    Try Public APIs for free

    The Public APIs repository is manually curated by community members like you and folks working at APILayer. It includes an extensive list of public APIs from many domains that you can use for your own products. Consider it a treasure trove of APIs well-managed by the community over the years.


    APILayer Logo

    APILayer is the fastest way to integrate APIs into any product. There are a lot of APIs available at APILayer Marketplace.


    APILayer APIs

    API Description Call this API
    IP Stack Locate and Identify Website Visitors by IP Address Run In Postman
    Marketstack Free, easy-to-use REST API interface delivering worldwide stock market data in JSON format Run In Postman
    Weatherstack Retrieve instant, accurate weather information for any location in the world in lightweight JSON format Run In Postman
    Numverify Global Phone Number Validation & Lookup JSON API Run In Postman
    Fixer Fixer is a simple and lightweight API for current and historical foreign exchange (forex) rates.
    A collective list of free APIs for use in software and web development.
  3. GitHub logo yangshun / tech-interview-handbook

    💯 Curated coding interview preparation materials for busy software engineers

    Tech Interview Handbook


    Start Reading Tech Interview Handbook

    What is this?

    Not everyone has the time to do a few hundred LeetCode questions. Here are free and curated technical interview preparation materials for busy engineers, brought to you by me, the author of Blind 75. Over 1,000,000 people have benefitted from this handbook!

    Besides the usual algorithm questions, other awesome stuff includes:

    Help from you in contributing content would be very much appreciated!

    Why would you read

    Carefully curated content to help you ace your next technical interview, with a focus on algorithms

If you have any known repos that help in web development, please comment so that others can make use of the resource. if you find any errors please let me know. Happy Coding




Top comments (4)

Collapse
 
ama profile image
Adrian Matei

Can't believe I wasn't aware about the one in top of your list, thanks - bookmarked. You can find and search loads of public resources on Bookmarks.dev. For example javascript related free-programming-books

Collapse
 
kiranrajvjd profile image
Kiran Raj R

you are welcome

Collapse
 
johnny_ness profile image
pheeno

thank for you guide! helps me alot !

Collapse
 
kiranrajvjd profile image
Kiran Raj R

Good to know, it was useful to you