Skip to content
Search Create account

DEV Community

DEV Community is a community of 868,017 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Twitter Facebook Github Instagram Twitch
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

#javascript #beginners #productivity #webdev

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:

    View on GitHub
    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 🇸🇦🇪🇬🇧🇦🇩🇪🇪🇸🇫🇷🇮🇩
    …
    View on GitHub
    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…

    View on GitHub
    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…

    View on GitHub
    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 License: CC BY 4.0

    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 210,000+ stars, 6800+ commits, 1900+ contributors, and 45,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! Remember to abide by our Code of Conduct too. (translations also available)

    How to Share

    View on GitHub
    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. GitHub logo danistefanovic / build-your-own-x

    🤓 Build your own (insert technology here)

    View on GitHub
    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…

    View on GitHub
    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…

    View on GitHub
    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 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 giants:…

    View on GitHub
    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 developer in 2021

    roadmap.sh

    Community driven roadmaps, articles and resources for developers

    roadmaps videos videos roadmaps



    Roadmaps are being made interactive and have been moved to website.

    View all Roadmaps

    Here is the list of available roadmaps with more being actively worked upon.

    If you think that these can be improved in any way, please do suggest. Also, if you would like to contribute to existing roadmaps or add a new…


    View on GitHub

    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. GitHub logo sindresorhus / awesome

    😎 Awesome lists about all kinds of interesting topics

    View on GitHub
    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

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

  3. GitHub logo yangshun / tech-interview-handbook

    💯 Curated interview preparation materials for busy engineers

    Tech Interview Handbook

    Applying to jobs or internships?
    Autofill all your applications in a single click

    Stop manually re-entering your information. Simplify’s extension helps you autofill job applications on millions of sites.

    What is this?

    No one has time to do a few hundred LeetCode questions. Here are free and curated technical interview preparation materials for busy engineers, brought to you by the author of the Blind 75 List.

    Besides the usual algorithm questions, other awesome stuff includes:

    View on GitHub
    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

kiranrajvjd

The Ultimate Web Developer Resources List 🔥Awesome 200+ Resources

Kiran Raj R ・ May 6 ・ 21 min read

#css #javascript #webdev #beginners

kiranrajvjd

12 Simple Button Hover Animation Using CSS

Kiran Raj R ・ May 5 ・ 1 min read

#webdev #productivity #css #beginners

kiranrajvjd

24 HTML Tags you may not know.

Kiran Raj R ・ May 4 ・ 6 min read

#tutorial #css #webdev #productivity

kiranrajvjd

10 Simple Toggle Switch Animation Using CSS And JavaScript

Kiran Raj R ・ Apr 29 ・ 1 min read

#javascript #css #webdev #productivity

Discussion (5)

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

Read next

gabek profile image

Ship software, not code

Gabe Kangas -

prudence97 profile image

Learning React, Lessons from coding and Programming Memes.

Prudence97 -

hacksore profile image

Useful .new domains for productivity

Sean Boult -

bowero profile image

Making automatic backups to the cloud for free

Robin Martijn -