DEV Community

loading...
Cover image for 10 Awesome GitHub Repos For Web Developers

10 Awesome GitHub Repos For Web Developers

kiranrajvjd profile image Kiran Raj R Updated on ・4 min read

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

    Follow me

    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 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


    I post multiple choice JavaScript questions on my Instagram stories, which I'll also post here! Last updated: June 12th

    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 so much to maintain and improve it! 💪🏼 Thank you and have fun!

    See 18 Available Translations 🇸🇦🇪🇬🇧🇦🇩🇪🇪🇸🇫🇷🇮🇩
    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.

    Premier Sponsor

    This edition of the YDKJS book series is exclusively sponsored by Frontend Masters.

    Frontend Masters is the gold standard for top-of-the-line expert training material in frontend-oriented software development. With over 150 courses on all things frontend, this should be your first and only stop for quality video training on HTML, CSS, JS, and related technologies.


    I teach all my workshops exclusively through Frontend Masters. If you like this book content, please check out my video training courses.

    I want…

    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

    CI codecov

    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, Italiana, Bahasa Indonesia, Українська, Arabic, Deutsch

    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

    A data structure is a particular way of organizing and storing data in a computer so that it can be accessed and modified efficiently. More precisely, a data structure is a collection of data values, the relationships among them, and the functions or operations that can…

    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

    This page is available as an easy-to-read website at https://ebookfoundation.github.io/.

    List of Free Learning Resources In Many Languages Awesome

    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, with 160,000+ stars, 6000+ commits, 1600+ contributors, and 39,000+ forks.

    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!

    How to Share

    Books

    English

    Other Languages

    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

    The items listed here will prepare you well for a technical interview at just about any software company including the giants: Amazon, Facebook, Google, and Microsoft.

    Best of luck to you!

    Translations:

    Translations in progress:
    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. GitHub logo kamranahmedse / developer-roadmap

    Roadmap to becoming a web developer in 2021

    Web Developer Roadmap - 2021

    Roadmap to becoming a web developer in 2021

    Below you find a 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. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.


    Special Announcement:

    We now have a YouTube Channel
    I plan on covering the roadmaps and put more content there
    Subscribe to the channel.


    Purpose of these Roadmaps

    The purpose of these roadmaps is to give you an idea about the landscape and to guide you if you are confused about what to learn next and not to encourage you to pick what is hip and trendy. You should grow some understanding of why one tool would be…

    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

    Public APIs Run tests Validate links

    A collective list of free APIs for use in software and web development.

    A public API for this project can be found here!

    For information on contributing to this project, please see the contributing guide.

    NOTE: A passing build status indicates all listed APIs are available since the last update. A failing build status indicates that 1 or more services may be unavailable at the moment.

    Index

    Animals

    API Description Auth HTTPS CORS
    Cat
    A collective list of free APIs for use in software and web development.
  3. GitHub logo yangshun / tech-interview-handbook

    💯 Materials to help you rock your next coding interview

    Tech Interview Handbook


    Black Lives Matter. Support the Equal Justice Initiative


    What is this?

    Carefully curated content to help you ace your next technical interview, with a focus on algorithms. System design questions are in-progress. Besides the usual algorithm questions, other awesome stuff includes:

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

    Why do I want this?

    This repository has practical content that covers all phases of a technical interview, from…



    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




Discussion (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 Author

you are welcome

Collapse
johnny_ness profile image
pheeno

thank for you guide! helps me alot !

Collapse
kiranrajvjd profile image
Kiran Raj R Author

Good to know, it was useful to you

Forem Open with the Forem app