Best GitHub Repos for Web Developers

cover-photo

Best GitHub Repos for Web Developers


blog-photo


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/


blog-photo


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


blog-photo


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


blog-photo


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


blog-photo


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


blog-photo


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


blog-photo


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!