DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Johongir
Johongir

Posted on

100+ Most Useful Github Repositories Every Programmer Needs

Hi everyone! Today, I'll introduce you to the top 100+ repositories on github on most important topics on programming ranging from Frontend to Backend, DSA, to Design Patterns and System Design. These repositories are beneficial for any level from beginner to expert level programmers. I recommend to bookmark it for future as they'll be quite useful in years to come in your career. And they're going to be incredibly useful whether you're learning or preparing for the interview. Enjoy the read ❀️️

HTML

1. Html Head

A simple guide to HTML

elements

2. Html Boilerplate

A professional front-end template for building fast, robust, and adaptable web apps or sites.

3. Html Quizzes

Quizzes on HTML fundamentals

4. Html Interview Questions

HTML5 coding interview questions and answers for web developers.

CSS

1. Css Pro Tips

A collection of tips to help take your CSS skills pro.

2. Awesome Css

A curated list of frameworks, style guides, and cool nuggets of information for writing awesome CSS. It does not contain resources to learn CSS.

3. Awesome Css Learning

An awesome list limited to the best CSS learning resources

4. Awesome Css Frameworks

List of awesome CSS frameworks.

5. Animate Css

A cross-browser library of CSS animations. As easy to use as an easy thing.

6. Frontend Dev Bookmarks

Manually curated collection of resources for frontend web developers.

7. Css Grid Garden

Grid Garden is a game for learning CSS grid layout

8. Css Flexbox Froggy

A game for learning CSS flexbox

9. You don't need JavaScript

CSS is powerful, you can do a lot of things without JS.

10. 50 Projects 50 Days

50+ mini web projects using HTML, CSS & JS

11. Solved by Flexbox

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

12. Css Interview Questions

CSS Interview Questions Answered to help you get ready for your next coding interview.

14. Frontend Interview Questions

This repository contains a number of front-end interview questions that can be used when vetting potential candidates.

Frontend

1. Frontend Interview Handbook

Unlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domainβ€Šβ€”β€ŠHTML, CSS, JavaScript, just to name a few areas. This repository covers all you need to know for front end interviews:

2. Frontend Checklist

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.

3. Frontend Performance Checklist

The only Front-End Performance Checklist that runs faster than the others

4. Frontend Bootcamp

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

5. Web Dev for Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer

6. Developer Handbook

An opinionated guide on how to become a professional Web/Mobile App Developer.

7. Spellbook of Modern Webdev

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development

8. Web Fundamentals

Former git repo for WebFundamentals on developers.google.com

9. Design Resources for Beginners

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

10. Frontend Collection

Notes for Front-end Software Engineers. Covers common data structure and algorithms, basic web concepts, HTML & CSS & Javascript.

JavaScript

1. You don't know JavaScript

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:

2. JavaScript Algorithms

Algorithms and data structures implemented in JavaScript with explanations and links to further readings

3. JavaScript Tutorial

GitBook teaching programming basics with Javascript. This book will teach you the basics of programming and Javascript. Whether you are an experienced programmer or not, this book is intended for everyone who wishes to learn the JavaScript programming language.

4. JavaScript30

30 Day Vanilla JS Challenge

5. JavaScript Test Driven Learning

This project is aimed to help the user further study Javascript with a test-driven approach. Each unit contains an annotated tutorial and a platform where you can test your understanding of the topic.

6. JavaScript Advanced Questions

A long list of (advanced) JavaScript questions, and their explanations

7. Clean Code JavaScript

Clean Code concepts adapted for JavaScript

8. Awesome JavaScript

A collection of awesome browser-side JavaScript libraries, resources and shiny things

9. Complete JavaScript Course

Starter files, final projects, and FAQ for my Complete JavaScript course

10. JavaScript Design Patterns

JavaScript Design Patterns

React.js

1. React Bits

React patterns, techniques, tips and tricks. A bit outdated but still useful.

2. React Atomic Design

How the Atomic Design methodology can create a great design system from scratch and make better developers.

3. React Patterns

React patterns & techniques to use in development for React Developer

4. Awesome React

A collection of awesome things regarding React ecosystem

5. React Typescript Cheatsheet

Cheatsheets for experienced React developers getting started with TypeScript

6. Beautiful React Hooks

A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development

7. Primer React

An implementation of GitHub's Primer Design System using React

8. React HackYourFuture

This repository contains all the material for the HackYourFuture module "React.js: Building dynamic UIs with modern JavaScript"

9. React

The React documentation website

10. React Boilerplate

A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

Node.js

1. Awesome Node.js

Delightful Node.js packages and resources

2. Node Best Practises

The Node.js best practices list

3. Node.js Hackathon Starter

A boilerplate for Node.js web applications

4. Node.js Getting Started Heroku

Getting Started with Node on Heroku

5. Art of Node

A short introduction to Node.js

6. Node.js Guidelines

Tips, tricks, and resources for working with Node.js, and the start of an ongoing conversation on how we can improve the Node.js experience on Microsoft platforms.

7. Backendlore

Fellow developer's style of writing backend apps from which we can take great lessons.

8. Bullet Proof Node.js

Implementation of a bulletproof node.js API

9. Node Beginner

A comprehensive Node.js tutorial for beginners

10. Awesome Node.js Projects

Curated list of awesome open-source applications made with Node.js

Programming Roadmaps

1. Developer Roadmap

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

2. C++ Roadmap

Roadmap for learning the C++ programming language for beginners and experienced devs.

3. Java Developer Roadmap

Roadmap to becoming a Java developer in 2022

4. Python Roadmap

Pyhon developer roadmap in 2022

5. DevOps Roadmap

DevOps Roadmap for 2022. with learning resources

6. PHP Developer Roadmap

This is PHP Developer Roadmap. Following this path will guarantee to become a good PHP Developer. The repository is created when working on the following YouTube video PHP Developer roadmap - How to Become a PHP Developer in 2021.

7. Machine Learning Roadmap

A roadmap connecting many of the most important concepts in machine learning, how to learn them and what tools to use to perform them.

8. React Roadmap

This is the "React learning roadmap in 2022. It's well suited for Intermediate to Advanced React developers

9. AspNetCore Developer Roadmap

Roadmap to becoming an ASP.NET Core developer in 2022

10. Cyber Security Roadmap

Cyber Security Roadmap in 2022

Algorithms and Data Structures

1. The Algorithms

Open Source resource for learning Data Structures & Algorithms and their implementation in any Programming Language

2. Awesome Algorithms

A curated list of awesome places to learn and/or practice algorithms. Inspired by awesome-awesomeness and all the other awesome Awesome libraries.

3. DSA Bootcamp Java

This repository consists of the code samples, assignments, and notes for the Java Data Structures & Algorithms bootcamp of Community Classroom.

4. The Complete FAANG Preperation

This repository contains all the DSA (Data-Structures, Algorithms, 450 DSA by Love Babbar Bhaiya, FAANG Questions), Technical Subjects (OS + DBMS + SQL + CN + OOPs) Theory+Questions, FAANG Interview questions, and Miscellaneous Stuff (Programming MCQs, Puzzles, Aptitude, Reasoning)

5. LeetCode Patterns

A pattern-based approach for learning technical interview questions

6. DSA on JavaScript

Data Structures and Algorithms explained and implemented in JavaScript

7. Algo Deck

An Open-Source Collection of 200+ Algorithmic Flash Cards to Help you Preparing your Algorithm & Data Structure Interview

8. Algorithms and Data Structures

180+ Algorithm & Data Structure Problems using C++

9. Leet Code DSA

Solutions to LeetCode problems; updated daily.

10. Algorithms

Atwood's Law applied to CS101 - Classic algorithms and data structures implemented in JavaScript

Design Patterns and System Design

1. Java Design Pattersn

Design patterns implemented in Java

2. System Design Primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

3. Awesome Scalability

The Patterns of Scalable, Reliable, and Performant Large-Scale Systems

4. Python Patterns

A collection of design patterns/idioms in Python

5. Design Patterns for Humans

An ultra-simplified explanation to design patterns

6. Design Patterns PHP

sample code for several design patterns in PHP 8

7. Go Patterns

Curated list of Go design patterns, recipes and idioms

8. Awesome Design Patterns

A curated list of software and architecture related design patterns.

9. Modular Monolith with TDD

Full Modular Monolith application with Domain-Driven Design approach.

10. Domain Driven Hexagon

Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included

11. Design Patterns in Typescript

Design pattern implementations in TypeScript

12. System Design Interview

System design interview for IT companies

13. System Design

Learn how to design systems at scale and prepare for system design interviews

14. Machine Learning Systems Design

A booklet on machine learning systems design with exercises. NOT the repo for the book "Designing Machine Learning Systems"

General

1. Awesome webcomponents

A curated list of awesome Web Components tools, articles and resources.

2. Big List of Naughty Strings

The Big List of Naughty Strings is an evolving list of strings which have a high probability of causing issues when used as user-input data.

3. Free Programming Books

Freely available programming books, podcasts.

4. Coding Interview University

The items listed here will prepare you well for a technical interview at just about any software company, including the giants: Amazon, Facebook, Google, and Microsoft.

5. Public APIs

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

6. Build Your own X

Master programming by recreating your favorite technologies from scratch.

7. Automatic Udemy Course Enroller for Free

Do you want to LEARN NEW STUFF for FREE? Don't worry, with the power of web-scraping and automation, this script will find the necessary Udemy coupons & enroll you for PAID UDEMY COURSES, ABSOLUTELY FREE!

8. Sherlock Project

Hunt down social media accounts by username across social networks

9. SDE Interview Questions

Most comprehensive list πŸ“‹ of tech interview questions πŸ“˜ of companies scraped from Geeksforgeeks, CareerCup and Glassdoor.

10. Complete Placement Preparation

This repository consists of all the material required for cracking the coding rounds and technical interviews during placements.

Top comments (29)

Collapse
 
svis profile image
svis

free for dev too - github.com/ripienaar/free-for-dev
It's extremely useful resource

Collapse
 
johongirr profile image
Johongir

Thanx a lot for sharing!

Collapse
 
svis profile image
svis

You are welcome ))

Collapse
 
mezieb profile image
Okoro chimezie bright

thanks for sharing and well done

Collapse
 
johongirr profile image
Johongir

Great you liked it

Collapse
 
thekooldev1232 profile image
thedev1232

this is the great collection, yet underrated !!

Collapse
 
johongirr profile image
Johongir

Thanx for your kind words :). I'm glad that you found it useful

Collapse
 
sumitbhanushali profile image
Sumit Bhanushali

github.com/vasanthk/how-web-works is a great repo which can be added under general

Collapse
 
scottbeeker profile image
Scott Beeker

Great Stuff!!
If anyone want's to follow each other on github here's my handle
github.com/dangolbeeker

Collapse
 
wesborland profile image
Marcos Gomez

Wooow... Thanks for sharing!

Collapse
 
johongirr profile image
Johongir • Edited on

My pleasure :)

Collapse
 
tterlemez profile image
Turgut Terlemez

Thanks much for sharing.

Collapse
 
johongirr profile image
Johongir

You're welcome :)

Collapse
 
mohamedimoucha1 profile image
Mohamed Imouchane

Great, thank you for sharing!

Collapse
 
johongirr profile image
Johongir

My pleaseure

Collapse
 
reacthunter0324 profile image
React Hunter

It's a good article which includes great links!
Thank you

Collapse
 
johongirr profile image
Johongir

You're welcome! It's reference for myself and for all the others.

Collapse
 
imiahazel profile image
Imia Hazel

Thanks a lot for the vast list.

Collapse
 
johongirr profile image
Johongir

You're welcome

Collapse
 
jeremymoorecom profile image
Jeremy Moore

very nice, thanks for sharing!

Collapse
 
johongirr profile image
Johongir

You're welcome :)

Collapse
 
rizkytegar profile image
πŸŽ‰ Rizky Tegar Pratama

great, maybe review the Haskell repository next

Collapse
 
johongirr profile image
Johongir

There're many great tools but if you've noticed these repositories mainly for educational purposes

Collapse
 
stewtech profile image
Cecil Stewart

Sweet, thank you!!

Collapse
 
johongirr profile image
Johongir

You're welcome :)

Collapse
 
akmojahid profile image
Md Mojahid

*helpful *😊😊

Collapse
 
johongirr profile image
Johongir

I'm glad that you've found it useful :)

Collapse
 
howmarketing profile image
Gabriel Ariza Gomes de Castro

That it is useful ever, even being senior we always need to look around these kind of tips. Very nice job writing this article! πŸ‘πŸ‘

Collapse
 
johongirr profile image
Johongir

Thank you for your feedbak. Yes knowledge is an endless pit, you can never reach the end of it.

A JavaScript post you may want to check out next:

"Me & React: 5 years in 15 minutes"

And just as I'd advise any web developer to learn basics of so-called "vanilla" JavaScript, I highly recommend to look into a library that shaped the modern web technologies, at least out of curiosity.