Let's Get Started 🙌
GitHub, the popular online platform for software and web development collaboration, provides helpful tools to optimize processes.
If you are not in the mood to do a lot of research, don’t worry I am here for you. In this blog, we will see some of the best GitHub repositories for developers that you should star & bookmark right away.
Take a journey through the must-have web development resources!
This selected list, decorated with stars guarantees a learning experience, for developers at any stage.
TL;DR
Tools 🛠
- esProc SPL: Powerful data manipulation language.
- public-apis: Collective list of free APIs.
- vscode: Microsoft's beloved code editor.
- react: JavaScript library for user interfaces.
- linux: Linux kernel development source tree.
Fundamentals ⚡
- free-programming-books: Over a thousand books covering various languages.
- developer-roadmap: Interactive guides for developer growth.
- how-web-works: Unveiling web processes.
- coding-interview-university: Comprehensive interview preparation.
Courses 👨🏫
- web-dev-for-beginners: 12-week course for web development.
- JavaScript30: JavaScript 30-Day Challenge by Wes Bos.
Handbooks 📚
- developer-handbook: Opinionated guide for Web/Mobile App Developers.
- spellbook-of-modern-webdev: Thesaurus of Modern JavaScript Web Development.
Best Practices 💯
- WebFundamentals: Best practices for modern web development.
- system-design-primer: Learn large-scale system design.
- clean-code-javascript: Clean Code concepts for JavaScript.
Projects 📂
- realworld: Full-stack app examples.
- build-your-own-x: Master programming by recreating technologies.
I. Tools 🛠
1. esProc SPL 🌟 4.3k+
esProc SPL(Structured Process Language) is a programming language designed for strong data manipulation that works effectively as an analytical database and a middleware. It is a great alternative to SQL if you want a more convincing definition.
Supports native file calculations through its syntax, offering simplicity and convenience. 📊
Acts as a scripting language for data processing with a nicely designed set of functions and strong syntax support within scripts. 💻
Offers lightweight computing power independently of databases, including CSV, Excel, SQL, multi-layer JSON, and XML calculations. 🔄
Can easily blend into any data processing environment. Flawlessly performs SQL-like calculations on diverse data sources. 🌐
Ahead of the pack in processing capabilities compared to Stream, Kotlin, or Scala. 🚀
A total cost-effective solution. 💰
Beyond SQL
Supports complete set orientation, allowing separate members and ordered calculation. ⚙️
Offers a richer set operation library and supports lambda syntax. 📚
Allows set members to exist separately, promoting convenient reference. 🔄
It can be executed through the JDBC_[Java Database Connectivity]_ interface within a Java program, providing another alternative instead of using SQL indicating its flexibility across various data-oriented applications.
SPLWare / esProc
esProc SPL is a scripting language for data processing, with well-designed rich library functions and powerful syntax, which can be executed in a Java program through JDBC interface and computing independently.
About esProc SPL
To put it simply, esProc SPL is an intriguing programming language and a powerful data computing middleware, and can also work as a high-efficiency data warehouse: find more in Understand SPL in three aspects.
Different from the text-based programming language, SPL writes code in gridlines: find more in A programming language coding in a grid; as a data computing engine, SPL can generate high efficiency at much lower cost: esProc SPL, a data analysis engine reducing application cost by N times.
esProc SPL is a JVM-based data computing class library: SPL: The Open-source Java Library to Process Structured Data. It has much more and better functionalities than the other data processing languages based on JVM (Such as Kotlin and Scala): Competition of data processing languages on JVM: Kotlin, Scala and SPL. It can perform SQL-style computations without databases: Open-source SPL that can…
2. public-apis 🌟 276k+
The Public APIs repository is a collective list of free APIs for software and web development use.
public-apis / public-apis
A collective list of free APIs
Try Public APIs for free
The Public APIs repository is manually curated by community members like you and folks working at APILayer. It includes an extensive list of public APIs from many domains that you can use for your own products. Consider it a treasure trove of APIs well-managed by the community over the years.
APILayer is the fastest way to integrate APIs into any product. There are a lot of APIs available at APILayer Marketplace.
APILayer APIs
API | Description | Call this API |
---|---|---|
IP Stack | Locate and Identify Website Visitors by IP Address | |
Marketstack | Free, easy-to-use REST API interface delivering worldwide stock market data in JSON format | |
Weatherstack | Retrieve instant, accurate weather information for any location in the world in lightweight JSON format | |
Numverify | Global Phone Number Validation & Lookup JSON API | |
Fixer | Fixer is a simple and lightweight API for current and historical foreign exchange (forex) rates. |
3. vscode 🌟 155k+
The most loved source-code code editor developed by Microsoft for Windows, Linux and macOS of all time.
Visual Studio Code - Open Source ("Code - OSS")
The Repository
This repository ("Code - OSS
") is where we (Microsoft) develop the Visual Studio Code product together with the community. Not only do we work on code and issues here, we also publish our roadmap, monthly iteration plans, and our endgame plans. This source code is available to everyone under the standard MIT license.
Visual Studio Code
Visual Studio Code is a distribution of the Code - OSS
repository with Microsoft-specific customizations released under a traditional Microsoft product license.
Visual Studio Code combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools.
Visual Studio Code is updated monthly with new features and bug fixes…
4. react 🌟 217k+
React is a JavaScript library for building web and native user interfaces.
React ·
React is a JavaScript library for building user interfaces.
- Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.
- Component-Based: Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.
- Learn Once, Write Anywhere: We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native.
5. linux 🌟 165k+
The source tree for the Linux kernel development.
Linux kernel ============ There are several guides for kernel developers and users. These guides can be rendered in a number of formats, like HTML and PDF. Please read Documentation/admin-guide/README.rst first. In order to build the documentation, use ``make htmldocs`` or ``make pdfdocs``. The formatted documentation can also be read online at: https://www.kernel.org/doc/html/latest/ There are various text files in the Documentation/ subdirectory, several of them using the reStructuredText markup notation. Please read the Documentation/process/changes.rst file, as it contains the requirements for building and running the kernel, and information about the problems which may result by upgrading your kernel.
II. Fundamentals ⚡
6. free-programming-books 🌟 309k+
There are over a thousand books that cover over 100 programming languages and millions of concepts in 20+ languages.
EbookFoundation / free-programming-books
📚 Freely available programming books
List of Free Learning Resources In Many Languages
Search the list at https://ebookfoundation.github.io/free-programming-books-search/ .
This page is available as an easy-to-read website. Access it by clicking on .
Intro
This list was originally a clone of StackOverflow - List of Freely Available Programming Books with contributions from Karan Bhangui and George Stocker.
The list was moved to GitHub by Victor Felder for collaborative updating and maintenance. It has grown to become one of GitHub's most popular repositories.
The Free Ebook Foundation now administers the repo, a not-for-profit organization devoted to promoting the creation, distribution, archiving, and sustainability of free ebooks. Donations to the Free Ebook Foundation are tax-deductible in the US.
How To Contribute
Please read CONTRIBUTING. If you're new to GitHub, welcome! Remember to abide by our adapted from Code of Conduct too (translations also available).
Click on these badges to see how you might…
7. developer-roadmap 🌟 264k+
Interactive roadmaps, guides, and educational content to help developers grow in their careers.
kamranahmedse / developer-roadmap
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
Community driven roadmaps, articles and resources for developers
Roadmaps are now interactive, you can click the nodes to read more about the topics.
Here is the list of available roadmaps with more being actively worked upon.
Have a look at the get started page that might help you pick up a path.
- Frontend Roadmap / Frontend Beginner Roadmap
- Backend Roadmap / Backend Beginner Roadmap
- DevOps Roadmap / DevOps Beginner Roadmap
- Full Stack Roadmap
- Git and GitHub
- API Design Roadmap
- Computer Science Roadmap
- Data Structures and Algorithms Roadmap
- AI and Data Scientist Roadmap
- AWS Roadmap
- Linux Roadmap
- Terraform Roadmap
- Data Analyst Roadmap
- MLOps Roadmap
- Product Manager Roadmap
- QA Roadmap
- Python Roadmap
- Software Architect Roadmap
- Game Developer Roadmap / Server Side Game Developer
- Software Design and Architecture Roadmap
- JavaScript Roadmap
- TypeScript Roadmap
- C++ Roadmap
- React Roadmap
- React Native Roadmap
- Vue Roadmap
- Angular Roadmap
- …
8. how-web-works 🌟 15.3k+
What happens behind the scenes when we type www.google.com in a browser?
vasanthk / how-web-works
What happens behind the scenes when we type www.google.com in a browser?
How Web Works
What happens behind the scenes when we type google.com in a browser?
Table of Contents
- Google's 'g' key is pressed
- When you hit 'Enter'
- Parse the URL
- Check HSTS list (deprecated)
- DNS lookup
- Opening of a socket + TLS handshake
- HTTP protocol
- HTTP Server Request Handle
- Server Response
- Behind the scenes of the Browser
- The browser's high level structure
- Rendering Engine
- The Main flow
- Parsing Basics
- DOM Tree
- Render Tree
- Render tree's relation to the DOM tree
- CSS Parsing
- Layout
- Painting
- Trivia
Google's 'g' key is pressed
When you just press "g", the browser receives the event and the entire auto-complete machinery kicks into high gear. Depending on your browser's algorithm and if you are in private/incognito mode or not various suggestions will be presented to you in the dropbox below the URL bar. Most of these…
9. coding-interview-university 🌟 276k+
Coding Interview University not only helps you prepare for job interviews, but also provides you with a collection of cheat sheets, study plans & more.
jwasham / coding-interview-university
A complete computer science study plan to become a software engineer.
Coding Interview University
I originally created this as a short to-do list of study topics for becoming a software engineer but it grew to the large list you see today. After going through this study plan, I got hired as a Software Development Engineer at Amazon You probably won't have to study as much as I did. Anyway, everything you need is here.
I studied about 8-12 hours a day, for several months. This is my story: Why I studied full-time for 8 months for a Google interview
Please Note: You won't need to study as much as I did. I wasted a lot of time on things I didn't need to know. More info about that is below. I'll help you get there without wasting your precious time.
The items listed here will prepare you well for a technical interview at just about any software company including the…
III. Courses 👨🏫
10. web-dev-for-beginners 🌟 79.6k+
24 Lessons, 12 Weeks, Get Started as a Web Developer. A 12-week course covering JavaScript, CSS, and HTML basics.
microsoft / Web-Dev-For-Beginners
24 Lessons, 12 Weeks, Get Started as a Web Developer
Web Development for Beginners - A Curriculum
Learn the fundamentals of web development with our 12-week comprehensive course by Microsoft Cloud Advocates. Each of the 24 lessons dive into JavaScript, CSS, and HTML through hands-on projects like terrariums, browser extensions, and space games. Engage with quizzes, discussions, and practical assignments. Enhance your skills and optimize your knowledge retention with our effective project-based pedagogy. Start your coding journey today!
🧑🎓 Are you a student?
Visit Student Hub page where you will find beginner resources, Student packs and even ways to get a free certificate voucher. This is the page you want to bookmark and check from time to time as we switch out content monthly.
📣 Announcement - New Curriculum on Generative AI was just released!
Don't miss our NEW 12 lesson curriculum on generative AI!
Each lesson includes an assignment to complete, knowledge check and challenge to guide you on…
11. JavaScript30 🌟 26k+
Starter Files + Completed solutions for the JavaScript 30-Day Challenge by Wes Bos.
wesbos / JavaScript30
30 Day Vanilla JS Challenge
JavaScript30
Starter Files + Completed solutions for the JavaScript 30 Day Challenge.
Grab the course at https://JavaScript30.com
Community #JavaScript30 Content
Feel free to submit a PR by adding a link to your own recaps, guides, or reviews!
- Arjun Khode’s blog about summaries for each day, including fixed glitches, bugs and extra features.
- Nitish Dayal's Text Guides are great for those who like reading over watching.
- Thorsten Frommen shares how he solved the exercises before viewing the answers.
- Soyaine 写的中文指南包含了过程记录和难点解释
- 乔木 录制的讲解视频 看中文讲解视频一起学习 Javascript30 吧! Javascript30 中 CSS/JS/HTML 视频讲解
- Ayo Isaiah's Recaps and Lessons Learned.
- Adriana Rios shares her alternative solutions.
- Michael Einsohn publishes each challenge after watching the video once.
- Mike Ekkel
- Yusef Habib lessons and tricks learned, and a gh-page to see working all the mini-projects.
- Amelie Yeh 30 lesson notes with things I've learned, and those important recaps. and directly view my demos here 🇹🇼😄
- Winar的JavaScript30天挑战,记录练习过程,重难点和其他的解决方案。🎨
- …
IV. Handbooks 📚
12. developer-handbook 🌟 5.5k+
An opinionated guide on how to become a professional Web/Mobile App Developer.
apptension / developer-handbook
An opinionated guide on how to become a professional Web/Mobile App Developer.
An opinionated guide on how to become a professional Web/Mobile App Developer.
Overview
🔹 Developer Handbook 2023 🔹 was created to cover the most common technical questions and requirements appearing prior to job interviews, during onboarding or personal goals / career planning at our company - Apptension. We also like to call it a Technical Documentation of our company.
It contains a lot of subjective technical groups, opinionated technologies, vetted requirements and best practices we gathered for Web & Mobile Developers that we believe to be useful in 2023.
Also, check out our SaaS Boilerplate, which is an example of our experience and a real-life application of many of the technologies and designs described in the Handbook.
Enjoy reading! 🙇
What will you find inside?
- Technical Stack – a summary of all topics, languages, frameworks, and libraries we use in production together with checklists of the most important…
13. spellbook-of-modern-webdev 🌟 16.5k+
A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development.
dexteryy / spellbook-of-modern-webdev
A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development
Spellbook of Modern Web Dev
- This document originated from a bunch of most commonly used links and learning resources I sent to every new web developer on our full-stack web development team.
- What I'm doing in this document now is trying to provide the complete view angle of modern web (app or page) development ruled by JavaScript, reflect technological advance and help developers to acquire APIs, libraries, tools, services, best practices and learning resource which are not outdated and most commonly used.
- I hope this document can help one developer to have more power to do much more and much better, just like a spellbook does in fantasy worlds.
- The JS/web technology is like an ocean of stuff you don’t know. Simply collecting more stuff or composing dozens of "awesome lists" into a single…
V. Best Practices 💯
14. WebFundamentals 🌟 13.8k+
Former git repo for WebFundamentals on developers.google.com. Some of the best practices for modern web development.
google / WebFundamentals
Former git repo for WebFundamentals on developers.google.com
Web Fundamentals on DevSite
This repo has been archived and is not accepting any new issues or pull requests.
All of the content from developers.google.com/web/ has been moved to web.dev or developer.chrome.com.
The source for developers.google.com/web/ is now in google3
. Changes
made here will not be published on DevSite.
15. system-design-primer 🌟 244k+
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
donnemartin / system-design-primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
English ∙ 日本語 ∙ 简体中文 ∙ 繁體中文 | العَرَبِيَّة ∙ বাংলা ∙ Português do Brasil ∙ Deutsch ∙ ελληνικά ∙ עברית ∙ Italiano ∙ 한국어 ∙ فارسی ∙ Polski ∙ русский язык ∙ Español ∙ ภาษาไทย ∙ Türkçe ∙ tiếng Việt ∙ Français | Add Translation
Help translate this guide!
The System Design Primer
Motivation
Learn how to design large-scale systems.
Prep for the system design interview.
Learn how to design large-scale systems
Learning how to design scalable systems will help you become a better engineer.
System design is a broad topic. There is a vast amount of resources scattered throughout the web on system design principles.
This repo is an organized collection of resources to help you learn how to build systems at scale.
Learn from the open source community
This is a continually updated, open source project.
Contributions are welcome!
Prep for the system design interview
In addition…
16. clean-code-javascript 🌟 88k+
🛁 Clean Code concepts adapted for JavaScript. Software engineering principles from Robert C. Martin's book "Clean Code."
ryanmcdermott / clean-code-javascript
🛁 Clean Code concepts adapted for JavaScript
clean-code-javascript
Table of Contents
- Introduction
- Variables
- Functions
- Objects and Data Structures
- Classes
- SOLID
- Testing
- Concurrency
- Error Handling
- Formatting
- Comments
- Translation
Introduction
Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.
Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.
Our craft of software engineering is just a bit over 50 years old, and we are still learning a lot. When software architecture is as old as architecture itself, maybe then we will have harder rules to follow. For now, let these guidelines serve as a touchstone by which to assess the quality of the JavaScript…
VI. Projects 📂
17. realworld 🌟 77k+
Realworld allows you to choose any frontend (React, Vue, & more) and any backend (Node, Django, & more) and see how they power real-world, beautifully designed full-stack apps.
gothinkster / realworld
"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more
See how the exact same Medium.com clone (called Conduit) is built using different frontends and backends. Yes, you can mix and match them, because they all adhere to the same API spec 😮😎
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, & more) and any backend (Node, Django, & more) and see how they power a real-world, beautifully designed full-stack app called Conduit.
Read the full blog post announcing RealWorld on Medium.
Join us on GitHub Discussions! 🎉
Implementations
Over 100 implementations have been created using various languages, libraries, and frameworks.
Explore them on CodebaseShow.
Create a new implementation
Create a new implementation >>>
Or you can view upcoming implementations (WIPs).
Learn
…18. build-your-own-x 🌟 241k+
Master programming by recreating your favourite technologies from scratch.
codecrafters-io / build-your-own-x
Master programming by recreating your favorite technologies from scratch.
Build your own <insert-technology-here>
This repository is a compilation of well-written, step-by-step guides for re-creating our favorite technologies from scratch.
What I cannot create, I do not understand — Richard Feynman.
It's a great way to learn.
- 3D Renderer
- Augmented Reality
- BitTorrent Client
- Blockchain / Cryptocurrency
- Bot
- Command-Line Tool
- Database
- Docker
- Emulator / Virtual Machine
- Front-end Framework / Library
- Game
- Git
- Network Stack
- Neural Network
- Operating System
- Physics Engine
- Programming Language
- Regex Engine
- Search Engine
- Shell
- Template Engine
- Text Editor
- Visual Recognition System
- Voxel Engine
- Web Browser
- Web Server
- Uncategorized
Tutorials
Build your own 3D Renderer
- C++: Introduction to Ray Tracing: a Simple Method for Creating 3D Images
- C++: How OpenGL works: software rendering in 500 lines of code
- C++: Raycasting engine of Wolfenstein 3D
- C++: Physically Based Rendering:From Theory To Implementation
- C++: Ray Tracing in One Weekend
- C++: Rasterization: a Practical Implementation
- C#…
Wrapping Up 👋
Whether you're just starting or an expert developer this compilation ensures an approach, to mastering aspects of the field.
May your progress be as swift as the wind! 🚀
Connect With Me: linktree
I hope you found this article helpful ❤️
Happy Coding! 🚀
Thanks for 12808! 🤗
Top comments (4)
esProc SPL is pretty good, and the more I learn, the more fun I get
Great post and great repositories, thanks!
Thanks for these kind words!
Vscode the most loved source-code code editor?!
Do people actually love microsoft garbage?
Some comments may only be visible to logged-in visitors. Sign in to view all comments.