DEV Community

Cover image for List of Best GitHub Repos for Web Developers
Stacksjar
Stacksjar

Posted on

9 2 1 1 1

List of Best GitHub Repos for Web Developers

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

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

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)

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

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

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

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (4)

Collapse
 
sloan profile image
Sloan the DEV Moderator
Comment hidden by post author
Collapse
 
ajithjojo profile image
Ajith jojo

nice article bro

Collapse
 
stacksjar profile image
Stacksjar

thnx bro

Collapse
 
ssdas_dev profile image
Shibaram Das

Thank you very much. Thank you bro. This is a milestone for intermediate developers looking to grasp fundamentals deeply.

Some comments have been hidden by the post's author - find out more

Cloudinary image

Video API: manage, encode, and optimize for any device, channel or network condition. Deliver branded video experiences in minutes and get deep engagement insights.

Learn more

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️