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
elements2. 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 (28)
You're welcome :)
free for dev too - github.com/ripienaar/free-for-dev
It's extremely useful resource
Thanx a lot for sharing!
You are welcome ))
Thanks a lot for the vast list.
You're welcome
this is the great collection, yet underrated !!
Thanx for your kind words :). I'm glad that you found it useful
github.com/vasanthk/how-web-works is a great repo which can be added under general
Great Stuff!!
If anyone want's to follow each other on github here's my handle
github.com/dangolbeeker
Wooow... Thanks for sharing!
My pleasure :)
Great, thank you for sharing!
My pleaseure
thanks for sharing and well done
Great you liked it
It's a good article which includes great links!
Thank you
You're welcome! It's reference for myself and for all the others.