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

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

    Note
    This repo was created in 2019 and the questions provided here are therefore based on the JavaScript syntax and behaviour 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
    …
    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.

    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…

    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

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

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

    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

    List of Free Learning Resources In Many Languages

    Awesome  License: CC BY 4.0  Hacktoberfest 2022 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 repository.

    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…

    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 codecrafters-io / build-your-own-x

    Master programming by recreating your favorite technologies from scratch.

    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

    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

    Interactive roadmaps, guides and other educational content to help developers grow in their careers.

    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

    Public APIs

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


    The Project
    Contributing Guide • API for this project • Issues • Pull Requests • License
    Alternative sites for the project (unofficials)
    Free APIs • Dev Resources • Public APIs Site • Apihouse • Collective APIs


    [ Become a sponsor and support Public APIs and their maintainers ]

    Special thanks to:

    APILayer Logo

    The fastest way to integrate APIs into any product

    Explore, discover and consume public APIs as simpler programmable building blocks all on one platform for a 10x developer experience.
    APILayer Logo

    The fastest way to integrate APIs into any product

    Explore, discover and consume public APIs as simpler programmable building blocks all on one platform for a 10x developer experience.


    Index



    View on GitHub

    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 500,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 this?

    …
    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

  <h3>Kiran Raj R ・ May 6 &#39;21</h3>
  <div class='ltag__link__taglist'>
    <span class='ltag__link__tag'>#css</span>
    <span class='ltag__link__tag'>#javascript</span>
    <span class='ltag__link__tag'>#webdev</span>
    <span class='ltag__link__tag'>#beginners</span>
  </div>
</div>
Enter fullscreen mode Exit fullscreen mode


kiranrajvjd

12 Simple Button Hover Animation Using CSS

Kiran Raj R ・ May 5 '21

#webdev #productivity #css #beginners
kiranrajvjd

24 HTML Tags you may not know.

Kiran Raj R ・ May 4 '21

#tutorial #css #webdev #productivity
kiranrajvjd

10 Simple Toggle Switch Animation Using CSS And JavaScript

Kiran Raj R ・ Apr 29 '21

#javascript #css #webdev #productivity

Latest 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

Read next

colinsoleim profile image

Supercharging Rails: Enabling Ruby's YJIT Compiler in Production

Colin Soleim -

waelhabbal profile image

Mastering CSS unicode-bidi Property

waelhabbal -

jamescroissant profile image

What is ”this” in JavaScript？

Yu Hamada -

nhannguyendevjs profile image

Angular Directive Selector

Nhan Nguyen -