🎯 全栈 + AI Agent 学习路线

从零基础到 AI 时代全栈工程师 —— 一份用 Obsidian 组织的、超过 58 万字 / 110 个详细教程的系统化学习路线。

涵盖 Python · JavaScript · React · FastAPI · 数据库 · LLM · AI Agent · 毕业项目,每个知识点都附类比解释 + 完整代码 + 练习题 + GitHub 项目推荐

status duration level target lang license

觉得有用就点个 Star 吧 —— 是对维护者最大的鼓励


💡 这是什么

不是一份链接清单。这是一套 "零基础 → 能独立交付 AI Agent 产品" 的完整教程包:

  • 📘 110 个 Markdown 文件 / 58 万字 —— 每个新概念都用日常类比讲清楚
  • 💻 完整可运行代码 —— 不是片段,是逐行注释 + 预期输出 + 练习答案
  • 🎯 30+ 个章节项目 —— 每章必做一个验收项目,没做完不算学完
  • 400+ 精选 GitHub 项目 —— 每个都标注"该怎么用它学"
  • 🗺️ Obsidian Canvas 思维导图 —— 全局视图 + 章节关系一目了然
  • 📊 配套学习契约 / 周报 / 里程碑模板 —— 强制反馈系统

这份教程专门为零基础学习者设计:你不需要任何前置知识,只需要每天 3 小时 + 一颗坚持的心。


🚀 快速开始

方式 1:用 Obsidian 打开(推荐 ⭐)

  1. 下载 Obsidian(免费)
  2. git clone https://github.com/Karovia/fullstack-ai-agent-roadmap.git
  3. 在 Obsidian 中打开下载的文件夹(Open folder as vault)
  4. 首先打开 全栈学习路线/🗺️学习路线思维导图.canvas 看全局
  5. 然后从 全栈学习路线/README.md 开始学

方式 2:直接在 GitHub 浏览

直接进入 全栈学习路线/ 文件夹按章节阅读(中文文件名兼容良好)。


🗺️ 路线全景

        🌟 终极目标:AI 时代全栈工程师
                    │
        ╔═══════════╪═══════════╗
        ║  4 大学习动机          ║
        ║  编程/全栈/Agent/源码  ║
        ╚═══════════╪═══════════╝
                    ▼
        ━━━ 阶段一 · 地基(1-3 月)━━━
        00 学习方法论 → 01 Python → 02 JavaScript
                    │
        ━━━ 阶段二 · 前端(4-7 月)━━━
                03 HTML/CSS → 04 React
                    │
        ━━━ 阶段三 · 后端(8-10 月)━━━
                05 FastAPI/Hono → 06 数据库
                    │
        ━━━ 阶段四 · AI 核心(11-15 月)━━━
                07 LLM 基础 → 08 AI Agent ⭐
                    │
        ━━━ 阶段五 · 毕业(16-18 月)━━━
                09 毕业项目 (能上线/能赚钱)
                    │
        ╔═══════════╪═══════════╗
        ║ 求职 / 独立开发 / 影响力 / 创业  ║
        ╚═══════════════════════╝

可交互的版本:全栈学习路线/🗺️学习路线思维导图.canvas (需要 Obsidian 打开)


📚 章节目录

# 模块 周期 章节验收项目 详细教程数
00 学习方法论 1 周 学习仪表盘 + 学习契约 8
01 Python 从零到源码 10 周 pyspider-cli 异步爬虫 + PyPI 发布 12
02 JavaScript 从零到源码 10 周 mini-lodash + 在线代码沙盒 12
03 HTML/CSS 现代 Web 4 周 像素级还原 Linear / Stripe / Apple 落地页 6
04 React 从使用到源码 10 周 在线协作白板 + 手写 mini-react(Fiber + Hooks) 12
05 后端 FastAPI + Node 8 周 RealWorld Conduit 后端 + 实时聊天 10
06 数据库 + 工程化 6 周 mini-twitter 高并发短文社区 8
07 AI 基础:Prompt + LLM 6 周 AskMyDocs 企业文档问答 + 从零实现 GPT 8
08 AI Agent 框架与源码 12 周 mini-agent-sdk + 自建 MCP Server 14
09 毕业项目 8-12 周 能上线、能赚钱、能写进简历的产品 8

⭐ 每章 GitHub 项目精选(独家亮点)

每章配一份精选 GitHub 项目清单(不是简单收藏,而是"怎么用它学"的指南):

  • 🌱 入门级(30 分钟跑起来)
  • 🌿 进阶级(读源码学设计)
  • 🌲 源码级(看真实生产代码)
  • 🏆 Easy-vibe 风格(小但完整,看完即懂)
章节 GitHub 项目精选
00 学习方法论 入门导航
01 Python Python 项目精选
02 JavaScript JavaScript 项目精选
03 HTML/CSS CSS 与设计
04 React React 生态
05 后端 后端实战
06 数据库 数据库 DevOps
07 LLM LLM 学习
08 Agent Agent 全景
09 毕业项目 毕业项目灵感库

4 个深度专题


🎓 学习哲学

这份路线坚持 4 个原则:

  1. 不速成 — 源码级精通必须经过「理解 → 模仿 → 重写 → 教会别人」四个阶段。
  2. 项目驱动 — 每章配一个完整验收项目,没做完不算学完。
  3. 费曼学习法 — 每节学完写一篇笔记教会别人。
  4. 造轮子 — 到源码阶段必须亲手写 mini-react / mini-langchain / mini-agent。

详见 00-学习方法论/ 全套 8 篇方法论教程。


📊 学习效果指标

学完这份路线后,你应该能:

能力维度 具体表现
编程 用 Python / TypeScript 写出生产级代码,不依赖框架
全栈 独立从 0 上线 Web 应用(前端 + 后端 + DB + AI)
AI Agent 能设计、实现、调优、部署多 Agent 系统
源码级 读懂 React / LangGraph / CPython 部分源码
工程化 Docker / CI/CD / 监控 / 测试齐备
求职 能拿到 AI Agent 工程师 / 全栈工程师 Offer
独立 能做出 GitHub 100+ star 的开源项目

📋 推荐学习节奏

投入 周期 适合人群
每天 3 小时(工作日)+ 6 小时(周末) 12-15 个月 在校学生 / 自由时间多
每天 1.5 小时 + 周末 6 小时 18-24 个月 有全职工作
每天 5+ 小时 8-10 个月 全脱产学习

🤝 贡献与反馈

  • 🐛 发现错误? 提 Issue
  • 💡 有改进建议? 发起 Discussion
  • 觉得有用? 给个 Star 让更多人看到
  • 🔄 想分享? 欢迎 Fork、转载(请保留原作者信息)

📜 License

本仓库内容采用 CC BY-SA 4.0 协议。

  • ✅ 自由分享、转载、改编
  • ✅ 商业使用(请注明来源)
  • ⚠️ 必须保留署名("原作者:Karovia")
  • ⚠️ 衍生作品须采用相同协议

🌐 相关链接


🙋 致谢

这份路线站在以下巨人的肩膀上:

  • Anthropic —— Claude 模型与 Agent 设计哲学
  • Andrej Karpathy —— 从零实现神经网络的开创性教学
  • Sebastian Raschka —— LLMs-from-scratch
  • 卡颂 —— React 技术揭秘
  • Datawhale —— 中文 AI 教育生态
  • 廖雪峰、阮一峰、张鑫旭 —— 中文技术启蒙
  • 以及无数开源社区贡献者