╔═══════════════════════════════════════════════════════════════════════════════════╗
║ ║
║ ║
║ ██████╗ ██████╗ █████╗ ██████╗ ████████╗ ██████╗ ║
║ ██╔══██╗██╔═══██╗██╔══██╗██╔══██╗ ╚══██╔══╝██╔═══██╗ ║
║ ██████╔╝██║ ██║███████║██║ ██║ ██║ ██║ ██║ ║
║ ██╔══██╗██║ ██║██╔══██║██║ ██║ ██║ ██║ ██║ ║
║ ██║ ██║╚██████╔╝██║ ██║██████╔╝ ██║ ╚██████╔╝ ║
║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═════╝ ╚═╝ ╚═════╝ ║
║ ║
║ ███████╗██╗ ██╗██╗ ██╗ ███████╗████████╗ █████╗ ██████╗██╗ ██╗ ║
║ ██╔════╝██║ ██║██║ ██║ ██╔════╝╚══██╔══╝██╔══██╗██╔════╝██║ ██╔╝ ║
║ █████╗ ██║ ██║██║ ██║ ███████╗ ██║ ███████║██║ █████╔╝ ║
║ ██╔══╝ ██║ ██║██║ ██║ ╚════██║ ██║ ██╔══██║██║ ██╔═██╗ ║
║ ██║ ╚██████╔╝███████╗███████╗███████║ ██║ ██║ ██║╚██████╗██║ ██╗ ║
║ ╚═╝ ╚═════╝ ╚══════╝╚══════╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝╚═╝ ╚═╝ ║
║ ║
║ 🛣️ Frontend → Backend → DevOps → FullStack Developer → 🚀 ║
║ ║
║ "Your journey to mastering the complete development stack" ║
║ ║
╚═══════════════════════════════════════════════════════════════════════════════════╝
A curated collection of 100% FREE courses, docs, tutorials, and projects to go from zero → full-stack developer (with DevOps skills). Built for self-taught learners, career switchers, and anyone who wants a clear path without paywalls.
Last refreshed: September 2026 — links verified, outdated destinations updated, and new learning resources added. Nothing previously listed was removed.
| 🎯 One roadmap | Frontend → Backend → Databases → DevOps → Career |
| 🆓 Always free | Every linked resource can be used at no cost |
| 🧭 Opinionated paths | Beginner → Advanced tracks so you are never stuck choosing |
| 🛠️ Build, don't only watch | Projects, labs, and interactive courses included |
- Pick a Learning Path that matches your level
- Start with Start Here if you want the highest-signal resources first
- Dive into any topic from the Table of Contents below
- Build portfolio projects from Hands-on Projects as you go
- When stuck, use Communities & Open Source for help and real PRs
| Icon | Meaning |
|---|---|
| 📚 | Documentation / reference |
| 📖 | Tutorial / article series |
| 🎓 | Course / curriculum |
| 🎮 | Interactive / playground |
| 💻 | Practice / code / templates |
| 🗺️ | Roadmap / structured path |
| 🛠️ | Tool |
| 🎥 | Video |
If you only open a handful of links, open these:
| Focus | Resource | Why it matters |
|---|---|---|
| 🧭 Full curriculum | Full Stack Open | University of Helsinki's free modern fullstack course (React, Node, TypeScript, GraphQL, CI) |
| 🛤️ Structured path | The Odin Project | Project-heavy free curriculum from foundations to fullstack |
| 🗺️ Visual roadmaps | roadmap.sh | Interactive role roadmaps (Frontend, Backend, DevOps, AI) |
| 📘 Language depth | JavaScript.info | Best free modern JS tutorial, beginner → advanced |
| 📘 Types | TypeScript Handbook | Official TS source of truth |
| ⚛️ UI framework | React Docs | Official React learning guide |
| 🟢 Backend | Node.js Learn | Official Node learning path |
| 🗄️ SQL | SQLBolt | Fast interactive SQL practice |
| 🐳 Containers | Docker Get Started | Official Docker hands-on |
| 🎓 CS foundation | CS50x | Harvard's free intro CS course |
flowchart LR
A[HTML/CSS] --> B[JavaScript]
B --> C[TypeScript]
C --> D[React / Next.js]
B --> E[Node.js APIs]
E --> F[SQL / Postgres]
D --> G[Full-Stack Apps]
E --> G
F --> G
G --> H[Docker + CI/CD]
H --> I[Cloud Deploy]
I --> J[System Design + Career]
- Fundamentals
- Frameworks & Libraries
- Design & UX
HTML & CSS
JavaScript
TypeScript
Frontend Frameworks
UI/UX Design
Node.js
Python
Java
Ruby
Rust
Go- Relational Databases
- NoSQL & Document Stores
- Stream Processing
SQL Databases
NoSQL Databases
Stream Processing & Real-time
APIs & Integration
Security
Performance & Optimization- Containerization & Orchestration
- Cloud Platforms
- Automation & Deployment
Docker & Containerization
Kubernetes
Cloud Platforms
CI/CD
Monitoring & Logging
Automation & Workflows
Data Visualization & Analytics
AI & Machine Learning
AI for Developers
Content Management
Development Tools & IDEs
Infographics & Visual Learning
Mobile Development
Web3 & Blockchain- Fundamentals
- Architecture & Design
- Documentation & Communication
- Career Development
Version Control
Testing
Algorithms & Data Structures
System Design
Computer Science Fundamentals
Documentation & Communication
Career & Interview Prep
Free Development Services
Hands-on Projects
Accessibility
Browser & Networking
Design Patterns
Communities & Open Source
Structured Learning Paths
| Resource | Type | Description |
|---|---|---|
| MDN Web Docs | 📚 Documentation | Complete HTML reference and tutorials |
| CSS-Tricks | 📖 Articles/Tutorials | Comprehensive CSS guides and tricks |
| freeCodeCamp - Responsive Web Design | 🎓 Course | Complete certification course for HTML/CSS |
| Flexbox Froggy | 🎮 Interactive Game | Learn CSS Flexbox through games |
| CSS Grid Garden | 🎮 Interactive Game | Master CSS Grid layout |
| web.dev Learn HTML | 📖 Course | Modern HTML course by Google |
| MDN Learn Web Development | 🎓 Curriculum | Structured front-end learning path from MDN |
| web.dev Learn CSS | 🎓 Course | Modern CSS course by Google |
| Josh Comeau — Interactive Flexbox | 🎮 Interactive | Exceptional visual Flexbox deep dive |
| Frontend Mentor | 💻 Practice | Real UI challenges to build your portfolio |
| Can I Use | 🛠️ Tool | Browser support tables for web features |
| Resource | Type | Description |
|---|---|---|
| JavaScript.info | 📖 Tutorial | Modern JavaScript tutorial from basics to advanced |
| freeCodeCamp - JavaScript Algorithms (v8) | 🎓 Course | Modern JavaScript fundamentals and algorithms |
| Eloquent JavaScript | 📚 Book | Free online book about JavaScript programming |
| You Don't Know JS | 📚 Book Series | Deep dive into JavaScript concepts |
| 30 Days of JavaScript | 🏆 Challenge | 30-day JavaScript programming challenge |
| JavaScript30 | 🎓 Course | 30 free vanilla JS build projects by Wes Bos |
| web.dev Learn JavaScript | 🎓 Course | Modern JavaScript course by Google |
| Patterns.dev | 📚 Guide | Modern web app design and rendering patterns |
| Resource | Type | Description |
|---|---|---|
| TypeScript Official Docs | 📚 Documentation | Complete TypeScript language documentation |
| TypeScript Handbook | 📚 Book | Official handbook covering types, modules, and tooling |
| TypeScript for JavaScript Programmers | 📖 Tutorial | Fast on-ramp if you already know JavaScript |
| Total TypeScript Tutorials | 🎓 Tutorials | Free practical TypeScript tutorials |
| React TypeScript Cheatsheet | 📋 Cheatsheet | Patterns for using TypeScript with React |
| TypeScript Roadmap | 🗺️ Roadmap | Interactive TypeScript developer roadmap |
| Resource | Type | Description |
|---|---|---|
| React Official Docs | 📖 Tutorial | Official React learning guide (react.dev) |
| Vue.js Guide | 📚 Documentation | Complete Vue.js learning guide |
| Angular Tutorial | 📖 Tutorial | Official Angular framework tutorial |
| Svelte Tutorial | 🎮 Interactive Tutorial | Learn Svelte with hands-on examples |
| Next.js Learn | 🎓 Course | Complete Next.js course by Vercel |
| Astro Docs | 📚 Documentation | Content-focused web framework with islands architecture |
| Vite Guide | 📖 Guide | Next-generation frontend build tool |
| Tailwind CSS Docs | 📚 Documentation | Utility-first CSS framework |
| shadcn/ui Docs | 📚 Documentation | Accessible component patterns built with Radix and Tailwind |
| TanStack Query | 📚 Documentation | Powerful async state management for React |
| htmx Docs | 📚 Documentation | High-power HTML attributes for modern UIs |
| Full Stack Open | 🎓 Course | Deep React/Node/GraphQL fullstack curriculum |
| 30 Days of React | 🏆 Challenge | Hands-on React practice over 30 days |
| Resource | Type | Description |
|---|---|---|
| Material Design 3 | 📋 Guidelines | Google Material Design 3 guidelines |
| Apple Human Interface Guidelines | 📋 Guidelines | Apple's design principles and patterns |
| Figma Resource Library | 🎓 Course | Free Figma learning resources and design courses |
| Adobe XD Community | 👥 Community | Adobe XD community hub (product discontinued; useful for existing projects) |
| The Design of Everyday Things | 📚 Book | Essential UX design principles |
| Can't Unsee | 🎮 Game | Design eye training game |
| Resource | Type | Description |
|---|---|---|
| Node.js Learn | 📚 Documentation | Official Node.js learning guides |
| freeCodeCamp - Back End Development and APIs | 🎓 Course | Backend development with Node.js and Express |
| Express.js Guide | 📚 Documentation | Complete Express.js framework guide |
| Node.js Best Practices | 📋 Guide | Comprehensive Node.js best practices |
| The Odin Project - NodeJS | 🎓 Course | Full-stack JavaScript path including Node |
| Bun Docs | 📚 Documentation | Fast all-in-one JavaScript runtime and toolkit |
| Deno Docs | 📚 Documentation | Modern secure TypeScript-first runtime |
| Resource | Type | Description |
|---|---|---|
| Python.org Tutorial | 📖 Tutorial | Official Python tutorial |
| Django Tutorial | 📖 Tutorial | Official Django web framework tutorial |
| Flask Mega-Tutorial | 📖 Tutorial Series | Comprehensive Flask tutorial |
| FastAPI Tutorial | 📖 Tutorial | Modern Python API development |
| Mega Tutorial | 📖 Knowledge Repo | Modern Python development |
| Resource | Type | Description |
|---|---|---|
| Oracle Java Tutorials | 📖 Tutorial | Official Java programming tutorials |
| Spring Boot Guides | 📖 Tutorials | Spring Boot framework tutorials |
| Java Code Geeks | 📰 Articles | Java development articles and tutorials |
| Resource | Type | Description |
|---|---|---|
| Ruby Documentation | 📚 Documentation | Official Ruby language documentation |
| Ruby on Rails Guides | 📖 Tutorial | Complete Rails framework guides |
| The Odin Project - Ruby | 🎓 Course | Full-stack Ruby on Rails curriculum |
| Ruby Koans | 🧘 Interactive | Learn Ruby through test-driven development |
| Resource | Type | Description |
|---|---|---|
| The Rust Programming Language | 📚 Book | Official Rust book (free online) |
| Rust by Example | 📖 Examples | Learn Rust through annotated examples |
| Rustlings | 🏆 Exercises | Small exercises to get you used to Rust |
| Actix Web Guide | 📖 Tutorial | Web framework for Rust |
| Resource | Type | Description |
|---|---|---|
| A Tour of Go | 🎮 Interactive Tutorial | Official interactive Go tutorial |
| Go by Example | 📖 Examples | Hands-on introduction to Go |
| Effective Go | 📋 Guide | Tips for writing clear Go code |
| Go Web Examples | 📖 Examples | Web development examples in Go |
| Resource | Type | Description |
|---|---|---|
| W3Schools SQL Tutorial | 📖 Tutorial | Complete SQL tutorial with examples |
| PostgreSQL Tutorial | 📖 Tutorial | Comprehensive PostgreSQL guide |
| MySQL Tutorial | 📖 Tutorial | Official MySQL tutorial |
| SQLBolt | 🎮 Interactive Lessons | Learn SQL with interactive exercises |
| TSQL Tutorial | 📖 Tutorial | Complete T-SQL (Transact-SQL) tutorial |
| Microsoft SQL Server Learning | 📚 Documentation | Official SQL Server documentation |
| T-SQL Language Reference | 📚 Documentation | Official Transact-SQL language reference |
| SQLServerTutorial.net | 📖 Tutorial | SQL Server and T-SQL tutorials |
| TSQL Code Snippets | 💻 Examples | Microsoft SQL Server code samples |
| Resource | Type | Description |
|---|---|---|
| MongoDB Learn | 🎓 Courses | Free MongoDB courses and certification |
| Redis Get Started | 📖 Tutorial | Official Redis getting started guide |
| Firebase Documentation | 📚 Documentation | Complete Firebase/Firestore guide |
| Supabase Docs | 📚 Documentation | Open-source Firebase alternative with Postgres |
| Prisma Docs | 📚 Documentation | Next-generation Node.js / TypeScript ORM |
| Drizzle ORM Docs | 📚 Documentation | Lightweight TypeScript ORM |
| Neon Docs | 📚 Documentation | Serverless Postgres platform |
| Resource | Type | Description |
|---|---|---|
| Apache Kafka Documentation | 📚 Documentation | Official Apache Kafka documentation |
| Kafka Tutorials | 📖 Tutorials | Step-by-step Kafka tutorials by Confluent |
| Kafka Connect Documentation | 📚 Documentation | Kafka Connect for data integration |
| Kafka Streams Documentation | 📚 Documentation | Stream processing with Kafka Streams |
| Apache Kafka Course | 🎓 Course | Free comprehensive Kafka course |
| Kafka Schema Registry | 📚 Documentation | Schema evolution and compatibility |
| ksqlDB Documentation | 📚 Documentation | Official ksqlDB documentation and tutorials |
| ksqlDB Course | 🎓 Course | Free Confluent Developer ksqlDB course |
| Confluent Developer | 🎓 Courses | Free Apache Kafka and ksqlDB courses |
| ksqlDB Concepts | 📖 Guide | Core ksqlDB concepts and architecture |
| Apache Pulsar Documentation | 📚 Documentation | Apache Pulsar distributed messaging |
| Apache Storm Tutorial | 📖 Tutorial | Real-time computation system |
| Apache Flink Docs | 📚 Documentation | Stable Apache Flink documentation |
| Learn Flink | 🎓 Course | Official Learn Flink training materials |
| Flink Forward | 🎥 Videos | Flink Forward conference talks and resources |
| Stream Processing with Apache Flink | 📚 Book | O'Reilly book (free with trial) |
| Flink CDC Documentation | 📚 Documentation | Change Data Capture with Flink CDC |
| Confluent Demo Scene | 💻 Demo | Hands-on Kafka and stream processing demos |
| Flink Getting Started | 🚀 Quick Start | Official Flink getting started paths |
| Kafka vs Pulsar vs RabbitMQ | 📰 Article | Messaging systems comparison |
| Kafka Streams vs ksqlDB | 📰 Article | Comparison guide for stream processing |
| Flink SQL Cookbook | 📖 Cookbook | SQL recipes for Apache Flink |
| Building Real-time Applications | 🎥 Video Series | YouTube series on stream processing |
| Kafka Performance Testing | 📖 Guide | Performance testing and tuning |
| Event Sourcing with Kafka | 📰 Article | Event-driven architecture patterns |
| Resource | Type | Description |
|---|---|---|
| RESTful API Design | 📋 Guide | Best practices for REST API design |
| GraphQL Introduction | 📖 Tutorial | Complete GraphQL learning guide |
| Postman API Learning Center | 🎓 Course | API development and testing |
| Public APIs List | 📋 Repository | Huge list of free APIs for practice |
| JSON API Specification | 📋 Specification | Building APIs in JSON |
| OpenAPI Specification | 📋 Specification | API documentation standard |
| webhooks.fyi | 📖 Guide | Complete guide to webhooks |
| tRPC Docs | 📚 Documentation | End-to-end typesafe APIs for TypeScript |
| Zod Documentation | 📚 Documentation | TypeScript-first schema validation |
| Learn OpenAPI | 📖 Guide | Official OpenAPI learning resources |
| Resource | Type | Description |
|---|---|---|
| OWASP Top 10 | 📋 Guide | Top 10 web application security risks (official project) |
| Web Security Academy | 🎓 Course | Free web security learning platform |
| Cybrary | 🎓 Courses | Free cybersecurity training |
| HackerOne University | 🎓 Course | Bug bounty and security testing |
| SANS Reading Room | 📰 Articles | Security research papers and guides |
| Mozilla Web Security Guidelines | 📋 Guidelines | Web security best practices |
| OWASP Cheat Sheet Series | 📋 Cheat Sheets | Practical secure-coding cheat sheets |
| Resource | Type | Description |
|---|---|---|
| PageSpeed Insights | 🛠️ Tool | Website performance analysis by Google |
| GTmetrix | 🛠️ Tool | Website speed and performance monitoring |
| Web.dev | 📖 Articles | Performance optimization guides by Google |
| Chrome Lighthouse | 🛠️ Tool | Automated website quality audits |
| WebPageTest | 🛠️ Tool | Website performance testing |
| Critical Path CSS Generator | 🛠️ Tool | Optimize CSS delivery |
| Web Vitals | 📋 Guide | Core Web Vitals metrics every fullstack should know |
| Chrome Performance DevTools | 📖 Tutorial | Profile runtime performance in the browser |
| Resource | Type | Description |
|---|---|---|
| Docker Get Started | 📖 Tutorial | Official Docker tutorial |
| Play with Docker | 🧪 Interactive Lab | Hands-on Docker learning environment |
| Resource | Type | Description |
|---|---|---|
| Kubernetes Basics | 📖 Tutorial | Official Kubernetes tutorial |
| Kubernetes Tutorials | 🎓 Course | Official Kubernetes tutorials and learning paths |
| Kubernetes the Hard Way | 📖 Tutorial | Bootstrap Kubernetes the hard way on Google Cloud Platform |
| Killercoda Kubernetes | 🎮 Interactive | Hands-on Kubernetes scenarios (Katacoda successor) |
| CNCF Kubernetes Training | 🎓 Training | Cloud Native Computing Foundation training resources |
| Kubernetes Academy | 🎓 Course | Free Kubernetes courses by VMware |
| Play with Kubernetes | 🧪 Interactive Lab | Hands-on Kubernetes playground |
| Resource | Type | Description |
|---|---|---|
| AWS Free Tier | ☁️ Platform | Free AWS services and tutorials |
| AWS Training and Certification | 🎓 Courses | Free AWS digital training courses |
| AWS Well-Architected | 📋 Framework | AWS architecture best practices |
| AWS Workshops | 🧪 Workshops | Hands-on AWS learning workshops |
| Google Skills | 🎓 Courses | Free Google Cloud and cloud skills courses |
| Google Cloud Architecture Center | 📋 Guides | Cloud architecture patterns and guides |
| Azure Learning Paths | 🎓 Courses | Microsoft Azure learning resources |
| Azure Architecture Center | 📋 Guides | Azure architecture best practices |
| Azure Free Account | ☁️ Platform | Free Azure services and credits |
| Azure Fundamentals | 🎓 Course | Complete Azure fundamentals learning path |
| Heroku Dev Center | 📚 Documentation | Heroku deployment guides |
| Resource | Type | Description |
|---|---|---|
| GitHub Actions Documentation | 📚 Documentation | Learn GitHub Actions for CI/CD |
| GitLab CI/CD Tutorial | 📖 Tutorial | GitLab CI/CD pipeline tutorial |
| Jenkins User Documentation | 📚 Documentation | Complete Jenkins automation guide |
| Resource | Type | Description |
|---|---|---|
| Prometheus Documentation | 📚 Documentation | Open-source monitoring system |
| Grafana Tutorials | 📖 Tutorials | Data visualization and monitoring |
| ELK Stack Tutorial | 📖 Tutorial | Elasticsearch, Logstash, and Kibana |
| Jaeger Documentation | 📚 Documentation | Distributed tracing system |
| OpenTelemetry Docs | 📚 Documentation | Vendor-neutral observability framework |
| The Twelve-Factor App | 📋 Guide | Methodology for building SaaS apps |
| Resource | Type | Description |
|---|---|---|
| n8n Documentation | 📚 Documentation | Complete n8n workflow automation guide |
| n8n Academy | 🎓 Course | Free n8n automation courses |
| n8n Community Workflows | 💻 Templates | Ready-to-use automation workflows |
| Zapier Learning Center | 🎓 Course | Automation fundamentals and best practices |
| Microsoft Power Automate Learning | 🎓 Course | Free Power Automate training |
| IFTTT Platform | 🎮 Interactive | Simple automation recipes and triggers |
| GitHub Actions Workflow Examples | 💻 Templates | Pre-built GitHub Actions workflows |
| Ansible Getting Started | 📖 Tutorial | IT automation with Ansible |
| Terraform Tutorials | 📖 Tutorials | Infrastructure as Code with Terraform |
| Puppet Learning VM | 🧪 Interactive | Learn Puppet configuration management |
| Resource | Type | Description |
|---|---|---|
| Tableau Public Training | 🎓 Course | Free Tableau Public training resources |
| Tableau Learning Path | 📖 Tutorial | Complete Tableau learning guide |
| Tableau Community | 👥 Community | Forums, tips, and user-generated content |
| Tableau Sample Workbooks | 💻 Examples | Inspiring data visualizations and templates |
| Power BI Learning Path | 🎓 Course | Microsoft Power BI training |
| D3.js Tutorial | 📖 Tutorial | Interactive data visualization with D3.js |
| Chart.js Documentation | 📚 Documentation | Simple yet flexible JavaScript charting |
| Plotly Dash Tutorial | 📖 Tutorial | Build analytical web applications |
| Apache Superset | 🛠️ Tool | Modern data exploration platform |
| Grafana Fundamentals | 🎓 Course | Data visualization and monitoring |
| Resource | Type | Description |
|---|---|---|
| Machine Learning Course - Stanford | 🎓 Course | Andrew Ng's famous ML course (audit for free) |
| CS229 Stanford ML Course | 🎓 Course | Stanford's machine learning course materials |
| Fast.ai Practical Deep Learning | 🎓 Course | Practical deep learning for coders |
| MIT Introduction to Machine Learning | 🎓 Course | MIT's computational thinking and data science |
| Kaggle Learn | 🎓 Courses | Free micro-courses on ML, Python, and data science |
| Google AI Education | 🎓 Courses | Google's AI and ML educational resources |
| Elements of AI | 🎓 Course | University of Helsinki's introduction to AI |
| Resource | Type | Description |
|---|---|---|
| Python Machine Learning | 📚 Book | Free chapters and code for ML with Python |
| Scikit-learn Getting Started | 📚 Documentation | Official scikit-learn getting started guide |
| Pandas Documentation | 📚 Documentation | Data manipulation and analysis |
| NumPy Tutorials | 📖 Tutorial | Numerical computing with Python |
| Matplotlib Tutorials | 📖 Tutorial | Data visualization with Python |
| Seaborn Tutorial | 📖 Tutorial | Statistical data visualization |
| Resource | Type | Description |
|---|---|---|
| Deep Learning Specialization | 🎓 Course | Andrew Ng's deep learning course (audit for free) |
| Deep Learning Book | 📚 Book | Free online deep learning textbook |
| TensorFlow Tutorials | 📖 Tutorial | Official TensorFlow learning resources |
| PyTorch Tutorials | 📖 Tutorial | Official PyTorch learning resources |
| Keras Documentation | 📚 Documentation | High-level neural networks API |
| Neural Networks and Deep Learning | 📚 Book | Free online book by Michael Nielsen |
| CS231n Stanford CNN Course | 🎓 Course | Convolutional Neural Networks for Visual Recognition |
| Resource | Type | Description |
|---|---|---|
| Hugging Face Transformers | 📚 Documentation | State-of-the-art NLP models |
| OpenAI API Documentation | 📚 Documentation | GPT and other AI model APIs |
| LangChain Documentation | 📚 Documentation | Build applications with LLMs (LangChain) |
| Gradio Documentation | 📚 Documentation | Build ML web apps quickly |
| Streamlit Documentation | 📚 Documentation | Build data apps in Python |
| MLflow Documentation | 📚 Documentation | ML lifecycle management |
| Weights & Biases | 📚 Documentation | Experiment tracking and visualization |
| Vercel AI SDK | 📚 Documentation | TypeScript toolkit for building AI-powered apps |
| Prompt Engineering Guide | 📖 Guide | Free comprehensive prompt engineering resource |
| Resource | Type | Description |
|---|---|---|
| Data Science Handbook | 📚 Book | Free Python Data Science Handbook |
| Jupyter Notebook Documentation | 📚 Documentation | Interactive computing environment |
| Google Colab | 🛠️ Tool | Free GPU/TPU Jupyter notebooks |
| Apache Spark Documentation | 📚 Documentation | Large-scale data processing |
| Dask Documentation | 📚 Documentation | Parallel computing with Python |
| Apache Airflow Tutorial | 📖 Tutorial | Workflow orchestration platform |
| Resource | Type | Description |
|---|---|---|
| spaCy Course | 🎓 Course | Advanced NLP with spaCy |
| NLTK Book | 📚 Book | Natural Language Processing with Python |
| Hugging Face NLP Course | 🎓 Course | Complete NLP course using Transformers |
| CS224n Stanford NLP | 🎓 Course | Natural Language Processing with Deep Learning |
| OpenNMT Documentation | 📚 Documentation | Neural machine translation |
| Resource | Type | Description |
|---|---|---|
| OpenCV Documentation | 📖 Tutorial | Computer vision library docs and tutorials |
| CS231n Assignments | 💻 Assignments | Stanford computer vision assignments |
| PyImageSearch | 📖 Tutorials | Computer vision and image processing |
| Detectron2 Tutorial | 📖 Tutorial | Object detection and segmentation |
| YOLO Documentation | 📚 Documentation | Real-time object detection |
| Resource | Type | Description |
|---|---|---|
| Gymnasium | 📚 Documentation | RL environment toolkit (OpenAI Gym successor) |
| Stable Baselines3 | 📚 Documentation | RL algorithms implementation |
| CS285 Berkeley Deep RL | 🎓 Course | Deep Reinforcement Learning |
| Spinning Up in Deep RL | 📚 Guide | OpenAI's deep RL educational resource |
| Resource | Type | Description |
|---|---|---|
| MLOps Specialization | 🎓 Course | DeepLearning.AI MLOps course (audit for free) |
| DVC Documentation | 📚 Documentation | Data version control for ML |
| Kubeflow Documentation | 📚 Documentation | ML workflows on Kubernetes |
| BentoML Documentation | 📚 Documentation | Model serving framework |
| Seldon Documentation | 📚 Documentation | ML model deployment platform |
| Resource | Type | Description |
|---|---|---|
| Google Colab | ☁️ Platform | Free GPU/TPU Jupyter environment |
| Kaggle Notebooks | ☁️ Platform | Free GPU notebooks and datasets |
| Hugging Face Spaces | ☁️ Platform | Free ML model hosting |
| Replit AI | ☁️ Platform | AI-powered coding environment |
| GitHub Copilot | 🤖 Tool | AI pair programmer (free for students) |
| Papers with Code | 📰 Repository | Latest ML research with code |
| Model Zoo | 🏪 Repository | Pre-trained models repository |
| Resource | Type | Description |
|---|---|---|
| Vercel AI SDK | 📚 Documentation | Build chatbots and generative UI with TypeScript |
| Prompt Engineering Guide | 📖 Guide | Techniques for effective prompting across models |
| Cursor Docs | 📚 Documentation | AI-assisted coding editor documentation |
| GitHub Copilot Docs | 📚 Documentation | AI pair programming with GitHub Copilot |
| OpenAI API Documentation | 📚 Documentation | GPT and other model APIs for app developers |
| Hugging Face Hub | 📚 Documentation | Host, share, and run ML models and datasets |
| Resource | Type | Description |
|---|---|---|
| Developer Roadmaps | 🗺️ Interactive Roadmaps | Complete roadmaps for Frontend, Backend, DevOps, and more |
| Web Developer Roadmap | 🗺️ GitHub Repository | Step-by-step guides and paths for different roles |
| Full Stack Developer Roadmap | 🗺️ Interactive Guide | Complete full-stack development path |
| React Developer Roadmap | 🗺️ Interactive Guide | React ecosystem learning path |
| Node.js Developer Roadmap | 🗺️ Interactive Guide | Backend development with Node.js |
| DevOps Roadmap | 🗺️ Interactive Guide | DevOps engineer learning path |
| AI/ML Engineer Roadmap | 🗺️ Interactive Guide | AI and Machine Learning career path |
| Resource | Type | Description |
|---|---|---|
| Stack Overflow Developer Survey | 📊 Annual Report | Most popular technologies and trends |
| GitHub State of the Octoverse | 📊 Annual Report | Programming language trends and statistics |
| JavaScript Rising Stars | 📊 Annual Report | JavaScript ecosystem trends |
| State of JS Survey | 📊 Annual Report | JavaScript framework and tool popularity |
| State of CSS Survey | 📊 Annual Report | CSS features and framework usage |
| NPM Trends | 📊 Tool | Compare package download statistics |
| Resource | Type | Description |
|---|---|---|
| OverAPI.com | 📋 Cheat Sheets | Collecting all cheat sheets for developers |
| DevHints.io | 📋 Cheat Sheets | TL;DR for developer documentation |
| QuickRef.ME | 📋 Cheat Sheets | Beautiful cheatsheets for popular technologies |
| Awesome Cheatsheets | 📋 Repository | Useful cheatsheets for popular technologies |
| HTML5 Cheat Sheet | 📋 Visual Guide | HTML5 tags and attributes reference |
| CSS3 Cheat Sheet | 📋 Visual Guide | CSS3 properties and selectors |
| JavaScript Cheat Sheet | 📋 Visual Guide | JavaScript syntax and methods |
| Git Cheat Sheet | Git commands visual reference |
| Resource | Type | Description |
|---|---|---|
| AWS Architecture Icons | 🎨 Icons | Official AWS architecture icons for diagrams |
| Azure Architecture Icons | 🎨 Icons | Microsoft Azure architecture symbols |
| Google Cloud Architecture Diagrams | 🗺️ Diagrams | GCP service architecture visualizations |
| System Design Interview Guide | 📊 Diagrams | Visual system design examples |
| Microservices Patterns | 🗺️ Pattern Library | Visual microservices architecture patterns |
| Software Architecture Patterns | 📊 Visual Guides | Common software design patterns |
| Resource | Type | Description |
|---|---|---|
| CI/CD Pipeline Visualization | 🔄 Diagrams | DevOps pipeline visual explanations |
| Agile vs Waterfall | 📊 Comparison | Development methodology comparisons |
| Git Workflow Visualizations | 🔄 Diagrams | Different Git workflow patterns |
| Docker Container Visualization | 🐳 Diagrams | Container vs VM visual explanations |
| Kubernetes Architecture | ☸️ Diagrams | K8s cluster component visualizations |
| Resource | Type | Description |
|---|---|---|
| Frontend Framework Comparison | 📊 Chart | React vs Vue vs Angular statistics |
| Database Comparison Guide | 📊 Rankings | Database popularity and feature comparison |
| Cloud Provider Comparison | 📊 Comparison | AWS vs Azure vs GCP feature comparison |
| Programming Language Performance | 📊 Benchmarks | Language performance comparisons |
| Flexbox Froggy | 🎮 Interactive | Visual CSS Flexbox learning game |
| Regex101 | 🛠️ Visual Tool | Regular expression visualization and testing |
| JSON Crack | 📊 Visualizer | JSON data structure visualization |
| Git Visualizer | 🔄 Interactive | Git commands visualization |
| Resource | Type | Description |
|---|---|---|
| Pro Git Book | 📚 Book | Complete Git version control book |
| GitHub Skills | 🎮 Interactive Courses | GitHub-specific skills and workflows |
| Atlassian Git Tutorials | 📖 Tutorials | Comprehensive Git tutorials |
| Learn Git Branching | 🎮 Interactive Tutorial | Visual Git branching tutorial |
| Conventional Commits | 📋 Spec | Standard for clear, automated-friendly commit messages |
| Semantic Versioning | 📋 Spec | How to version releases properly |
| Keep a Changelog | 📋 Guide | Write changelogs humans and tools can trust |
| Resource | Type | Description |
|---|---|---|
| Jest Documentation | 📚 Documentation | JavaScript testing framework |
| Testing Library | 📚 Documentation | Simple and complete testing utilities |
| Cypress Documentation | 📚 Documentation | End-to-end testing framework |
| Postman Learning Center | 🎓 Courses | API testing with Postman |
| Playwright Docs | 📚 Documentation | Reliable end-to-end testing for modern web apps |
| Vitest Guide | 📚 Documentation | Fast Vite-native unit testing framework |
| Resource | Type | Description |
|---|---|---|
| React Native Tutorial | 📖 Tutorial | Build mobile apps with React Native |
| Flutter Documentation | 📚 Documentation | Google's UI toolkit for mobile |
| Ionic Framework | 📚 Documentation | Hybrid mobile app development |
| Resource | Type | Description |
|---|---|---|
| Ethereum Documentation | 📚 Documentation | Ethereum blockchain development |
| Solidity by Example | 📖 Examples | Learn Solidity smart contract programming |
| Web3.js Docs | 📚 Documentation | Ethereum JavaScript API (v4 docs) |
| Hardhat Tutorial | 📖 Tutorial | Ethereum development environment |
| Resource | Type | Description |
|---|---|---|
| System Design Primer | 📋 Guide | Learn how to design large-scale systems |
| High Scalability | 📰 Articles | Real-world architecture case studies |
| Microservices.io | 📋 Patterns | Microservices architecture patterns |
| ByteByteGo Blog | 📰 Articles | Visual system design explainers |
| Refactoring Guru — Design Patterns | 📚 Guide | Clear catalog of design patterns with examples |
| Martin Fowler | 📰 Articles | Classic software architecture and refactoring essays |
| Resource | Type | Description |
|---|---|---|
| Algorithm Visualizer | 🎮 Interactive | Visualize algorithms in action (open-source project) |
| VisuAlgo | 🎮 Interactive | Algorithm and data structure visualizations |
| Big-O Cheat Sheet | 📋 Reference | Time and space complexity reference |
| GeeksforGeeks | 📖 Articles | Comprehensive algorithm tutorials |
| Khan Academy - Algorithms | 🎓 Course | Introduction to algorithms |
| MIT OpenCourseWare - Algorithms | 🎓 Course | MIT's Introduction to Algorithms |
| NeetCode | 💻 Practice | Curated coding interview roadmap and explanations |
| Exercism | 💻 Practice | Mentored coding practice across dozens of languages |
| Advent of Code | 🏆 Challenge | Seasonal algorithmic puzzles loved by developers |
| Resource | Type | Description |
|---|---|---|
| Sanity Studio Documentation | 📚 Documentation | Complete Sanity CMS documentation |
| Sanity Learn | 🎓 Course | Free Sanity CMS courses and tutorials |
| Sanity Templates | 💻 Templates | Ready-to-use Sanity project templates |
| Sanity Community | 👥 Community | Community forum and resources |
| Contentful University | 📚 Documentation | Headless CMS documentation |
| Strapi Documentation | 📚 Documentation | Open-source headless CMS |
| Ghost Publishing Platform | 📚 Documentation | Modern publishing platform |
| TinaCMS | 📚 Documentation | Git-based CMS (Forestry successor) |
| Resource | Type | Description |
|---|---|---|
| LeetCode | 💻 Practice Platform | Algorithm and data structure problems |
| HackerRank | 💻 Practice Platform | Programming challenges and contests |
| Codewars | 💻 Practice Platform | Code challenges and kata |
| Tech Interview Handbook | 📋 Guide | Comprehensive interview preparation guide |
| System Design Interview | 📋 Guide | System design interview questions and answers |
| Interviewing.io | 🎤 Practice | Anonymous technical interview practice |
| levels.fyi | 📊 Reference | Compensation and leveling data across companies |
| Pramp | 🎤 Practice | Peer-to-peer interview practice |
| Front End Interview Handbook | 📋 Guide | HTML/CSS/JS frontend interview questions and answers |
| Excalidraw | 🛠️ Tool | Sketch system-design diagrams during interviews |
| Resource | Type | Description |
|---|---|---|
| VS Code Docs | 📚 Documentation | Official Visual Studio Code documentation |
| VS Code Learn | 🎓 Tutorials | Guided tutorials for the VS Code editor |
| GitHub Docs | 📚 Documentation | GitHub platform features and workflows |
| GitHub CLI Manual | 📚 Documentation | Work with GitHub from the command line |
| pnpm Docs | 📚 Documentation | Fast, disk-efficient JavaScript package manager |
| npm Docs | 📚 Documentation | Official npm package manager documentation |
| Chrome DevTools | 📚 Documentation | Debug and profile web apps in Chrome |
| Resource | Type | Description |
|---|---|---|
| CS50x | 🎓 Course | Harvard's introduction to computer science (free audit) |
| MIT Missing Semester | 🎓 Course | Tools and practices for programmers (shell, git, vim) |
| OSSU Computer Science | 🗺️ Curriculum | Free self-taught CS degree path |
| Teach Yourself CS | 📋 Guide | Curated CS fundamentals reading list |
| Nand2Tetris | 🎓 Course | Build a computer from first principles |
| Resource | Type | Description |
|---|---|---|
| Write the Docs Guide | 📖 Guide | Community-written documentation best practices |
| Diátaxis Framework | 📋 Framework | Approach for structuring technical documentation |
| Google Technical Writing Courses | 🎓 Courses | Free technical writing courses from Google |
| The Good Docs Project | 📋 Templates | Templates and guidance for project docs |
| Markdown Guide | 📖 Guide | Complete Markdown syntax and best practices |
| Resource | Type | Description |
|---|---|---|
| Vercel Docs | ☁️ Platform | Deploy frontend and fullstack apps |
| Netlify Docs | ☁️ Platform | Hosting, forms, functions, and edge for web apps |
| Render Docs | ☁️ Platform | Free-tier friendly web services and databases |
| Railway Docs | ☁️ Platform | Deploy apps, databases, and workers quickly |
| Fly.io Docs | ☁️ Platform | Run containers close to your users |
| Cloudflare Workers Docs | ☁️ Platform | Serverless compute on Cloudflare's edge |
| GitHub Student Developer Pack | 🎁 Bundle | Free developer tools and credits for students |
Build these (or variations) into a portfolio. Prefer shipping and deploying over endless tutorials.
| Project | Stack focus | Goal |
|---|---|---|
| Personal portfolio site | HTML/CSS/JS or Astro | Ship your first public site + custom domain |
| CRUD notes / todo API | Node + Postgres / Prisma | Auth, validation, REST or tRPC |
| Fullstack blog / CMS | Next.js + Sanity/Markdown | Content modeling + SSG/SSR |
| Realtime chat | WebSockets / Supabase | Presence, rooms, optimistic UI |
| Expense tracker | React + charts + API | Forms, aggregation, dashboards |
| DevOps starter | Docker + GitHub Actions | CI tests + containerized deploy |
| Resource | Type | Description |
|---|---|---|
| Project-Based Learning | 📋 Repository | Massive list of project-based tutorials by language |
| Frontend Mentor | 💻 Practice | Production-like UI challenges with designs |
| JavaScript30 | 🎓 Course | 30 mini-projects in vanilla JavaScript |
| The Odin Project | 🎓 Curriculum | Curriculum built around real portfolio projects |
| Full Stack Open | 🎓 Course | Course exercises that produce real fullstack apps |
| Resource | Type | Description |
|---|---|---|
| web.dev Learn Accessibility | 🎓 Course | Practical accessibility course by Google |
| The A11Y Project | 📋 Guide | Community-driven accessibility checklist and patterns |
| WAI Accessibility Intro | 📚 Documentation | W3C introduction to web accessibility |
| ARIA Authoring Practices Guide | 📋 Patterns | Correct keyboard/semantics patterns for widgets |
| MDN Accessibility | 📖 Tutorial | MDN accessibility learning modules |
| Resource | Type | Description |
|---|---|---|
| MDN HTTP Overview | 📚 Documentation | How HTTP actually works for web developers |
| MDN Fetch API | 📖 Tutorial | Modern browser networking with fetch |
| web.dev Learn PWA | 🎓 Course | Progressive Web Apps fundamentals |
| Can I Use | 🛠️ Tool | Feature support across browsers |
| Chrome DevTools | 📚 Documentation | Network, performance, and debugging panels |
| Resource | Type | Description |
|---|---|---|
| Patterns.dev | 📚 Guide | Rendering, performance, and design patterns for the web |
| Refactoring Guru | 📚 Guide | Visual design-pattern encyclopedia |
| Martin Fowler | 📰 Articles | Architecture, refactoring, and enterprise patterns |
| Resource | Type | Description |
|---|---|---|
| DEV Community | 👥 Community | Friendly developer blogging and discussion |
| daily.dev | 📰 Feed | Developer news feed to stay current |
| Good First Issue | 💻 Practice | Find beginner-friendly open-source issues |
| Up For Grabs | 💻 Practice | Curated tasks for new contributors |
| First Timers Only | 📋 Guide | How to make your first open-source contribution |
| Fireship | 🎥 YouTube | High-signal web/dev explainers |
| Traversy Media | 🎥 YouTube | Practical fullstack crash courses |
| Web Dev Simplified | 🎥 YouTube | Clear frontend and JS concept videos |
| The Net Ninja | 🎥 YouTube | Long-form free framework courses |
| TkDodo's Blog | 📰 Articles | Excellent React Query / TanStack insights |
| Kent C. Dodds Blog | 📰 Articles | Testing and React best practices |
- 📝 HTML/CSS basics → ⚡ JavaScript fundamentals → 🔨 Simple projects
- 📝 Version control with Git → 🟢 Basic backend with Node.js
- 🔍 Database basics (SQL) → 🚀 Deploy simple applications
- ⚛️ Frontend framework (React/Vue) → 🐍 Backend framework (Express/Django)
- 🗄️ Database design → 🔌 API development → 🧪 Testing
- 🐳 Basic DevOps (Docker, basic CI/CD)
- 🏗️ System design → 🔧 Microservices → ☁️ Cloud platforms
- 🧪 Advanced testing → ⚡ Performance optimization
- 🛡️ Security best practices → 📱 Mobile/🔗 Web3 specialization
- 📘 TypeScript → ⚛️ React + Vite/Next.js → 🎨 Tailwind / accessible UI
- 🟢 Node or Bun APIs → 🗄️ Postgres + Prisma/Drizzle → 🔌 typed APIs (tRPC/OpenAPI)
- 🧪 Vitest + Playwright → 🐳 Docker → 🚀 Deploy (Vercel/Render/Fly)
- 🤖 Optional: AI features with the Vercel AI SDK and solid prompt engineering
- 🐳 Docker → ☸️ Kubernetes fundamentals → 📦 CI/CD (GitHub Actions)
- 📐 Infrastructure as Code (Terraform) → 📊 Observability (Prometheus/OpenTelemetry)
- ☁️ Pick a cloud (AWS/GCP/Azure) → 🛡️ Security + cost-aware architecture
- Complete MDN Learn HTML/CSS basics intro modules
- Finish 3 games: Flexbox Froggy, Grid Garden, and a Frontend Mentor newbie challenge
- Read the first chapters of JavaScript.info
- Create a GitHub account and finish GitHub Skills
- Deploy a static page to Vercel or Netlify
Feel free to contribute by adding more free resources! Please ensure all resources are:
- ✅ Completely free to access (free tier / audit / public docs OK)
- ✅ High quality and reasonably up-to-date
- ✅ Publicly available without mandatory signup walls when possible
- ✅ Relevant to full-stack development
- ✅ Linked with a short description and type label matching the tables above
PR tip: Prefer fixing broken links or adding a high-signal resource over adding many low-quality ones.
⭐ Start Here · 📚 Contents · 🎯 Paths · 🛠️ Projects
If this roadmap helped you, star the repo and share it with another learner.
Built with ❤️ for the next generation of fullstack developers.
This compilation is open source and available under the MIT License.