List of Best GitHub Repos for Web Developers
Tags: github, webdev, tutorial, productivity
Published: 2022-08-11 21:40:50

In this post we are going to check best GitHub Repositories for Web Developers to learn fundamentals of Coding and Boost Productivity. List of the most Useful GitHub Repos are as below

Node.js Best Practices


GitHub: https://github.com/goldbergyoni/nodebestpractices

Watch: 1.7k Star: 61.8k Fork: 6k

Website: https://twitter.com/nodepractices/


![Node.js Best Practices](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xmxjqit90cuzipiclnym.jpg)

This repos consists of All the Node.js Best Practices and Projects Structures for your Node.js development. This repo supports multiple languages in which you can read.

This repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators

It is the largest compilation, and it is growing every week - currently, more than 80 best practices, style guides, and architectural tips are presented. New issues and pull requests are created every day to keep this live book updated.

They are open for contribution checkout their Guidelines for contributing to the repo. This Contribution may include fixing code mistakes, helping with translations, or suggesting brilliant new ideas.

This repo includes below:

Project Structure Practices
Error Handling Practices
Code Style Practices
Testing And Overall Quality Practices
Production Practices
Security Practices
Performance Practices
Docker Best Practices

Html5-Boilerplate

GitHub: https://github.com/h5bp/html5-boilerplate

Watch: 2.7k Star: 49.3k Fork: 11.4k

Website: https://html5boilerplate.com


![Html5-Boilerplate](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1acotcexpxrvpr5qk7dl.jpg)

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.

This project is the product maintainer over 10 years of iterative development and community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.

You get various options to download and use this for you development check out the GitHub page.

You can also checkout the live website from here html5-boilerplate

You Don't Know JS (YDKJS)

GitHub: https://github.com/getify/You-Dont-Know-JS

Watch: 5.9k Star: 135k Fork: 26.8k


![You Don't Know JS (YDKJS)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2m5m6ozdp7i3luqy1kt0.jpg)

This is a series of books diving deep into the core mechanisms of the JavaScript language. This is a book series there are two editions to it.

These books are being released here as drafts, free to read, but are also being edited, produced, and published through O'Reilly.

This books will be focusing on below topics:

Scope & Closures
Objects & Classes
Types & Grammar
Sync & Async
ES.Next & Beyond

Airbnb JavaScript Style Guide()

GitHub: https://github.com/airbnb/javascript

Watch: 3.9k Star: 107k Fork: 20.6k


![Airbnb JavaScript Style Guide()](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0u0vwf2itg2k9u57k98.jpg)


This GitHub Repo is well structured for almost every aspects of JavaScript.

This repo also supports multi language translation feature, which means you can read it from here under different languages.

Below are the points cover in this GitHub Repo

Types
References
Objects
Arrays
Destructuring
Strings
Functions
Arrow Functions
Classes & Constructors
Modules
Iterators and Generators
Properties
Variables
Hoisting
Comparison Operators & Equality
Blocks
Control Statements
Comments
Whitespace
Commas
Semicolons
Type Casting & Coercion
Naming Conventions
Accessors
Events
jQuery
ECMAScript 5 Compatibility
ECMAScript 6+ (ES 2015+) Styles
Standard Library
Testing
Performance
Resources


RealWorld

GitHub: https://github.com/gothinkster/realworld

Watch: 1.6k Star: 55.4k Fork: 4.9k


![RealWorld](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eaik6apxw9ufnmyocfg3.jpg)


While most "todo" demos provide an excellent cursory glance at a framework's capabilities, they typically don't convey the knowledge & perspective required to actually build real applications with it.

RealWorld solves this by allowing you to choose any frontend (React, Angular 2, & more) and any backend (Node, Django, & more) and see how they power a real world, beautifully designed fullstack app called "Conduit".

Over 100 implementations have been created using various languages, libraries, and frameworks.

This Repo consists of step-by-step tutorials for all of stacks that teach you how to go from git init all the way to the production ready application.



Front End Checklist
GitHub: https://github.com/thedaviddias/Front-End-Checklist

Website: https://frontendchecklist.io/

Watch: 1.4k Star: 48.3k Fork: 4.8k


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.

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

This Repo is also available in different other languages checkout the GitHub page


So this was an github collection of repositories which included one of the most useful github repositories.

Hope you have found this post Useful.

Happy Coding!

Read Complete Article Here:- https://stacksjar.com/post/best-github-repos-for-web-developers