路线 / 闯关模式

大白话学习路线图

先看完整顺序,再按文章逐篇学习。

这个目录用来记录 easy-learn/ 里的文章阅读顺序。以后文章变多时,先看这里,不用靠文件名猜学习路线。

大白话学习总路线图

前端框架学习路线

这条路线用同一个“用户管理后台”案例,把 React 和 Vue 的基础、核心、工程化、生态架构、横向对比串起来。

统一案例包含:

用户列表
搜索筛选
新增/编辑弹窗
删除确认
表单校验
API 请求
Loading / Error 状态
路由跳转
全局状态
权限控制
工程化目录组织

建议按下面顺序学习:

顺序文章学完你应该知道什么
1大白话讲解——前端框架学习路线图.mdReact/Vue 学习顺序、统一案例、每篇文章的学习产出
2大白话讲解——React 入门篇:组件 JSX Props State.mdReact 19、JSX、组件、Props、State、静态用户列表
3大白话讲解——React 核心篇:Hooks 表单 请求 用户列表.mdHooks、表单、请求、loading/error、自定义 Hook
4大白话讲解——React 进阶篇:路由 状态管理 权限 工程化.mdReact Router、权限、状态管理、TypeScript、工程化目录
5大白话讲解——Vue 入门篇:模板 指令 组件 响应式.mdVue 3.5、script setup、模板、指令、ref/reactive、静态用户列表
6大白话讲解——Vue 核心篇:Composition API 表单 请求 用户列表.mdComposition API、表单、请求、loading/error、composable
7大白话讲解——Vue 进阶篇:Router Pinia 权限 工程化.mdVue Router、Pinia、权限、接口层、TypeScript、工程化目录
8大白话讲解——React vs Vue 心智模型对比.mdrender/commit、状态快照、Proxy 响应式、依赖追踪、更新调度
9大白话讲解——React vs Vue 真实开发任务对比.md同一业务任务在 React 和 Vue 中如何分别落地
10大白话讲解——React 生态全景与项目架构.mdReact Router、状态管理、请求缓存、表单、组件库、Next.js、测试怎么组成项目
11大白话讲解——Vue 生态全景与项目架构.mdVue Router、Pinia、Nuxt、请求封装、表单、组件库、测试怎么组成项目
12大白话讲解——React vs Vue 生态架构横向对比.md两边生态风格、架构分层、SSR、跨端、测试、团队协作和长期维护差异

Python 后端工程学习路线

这条路线的目标不是只会写几个接口,而是逐步做到:

会 Python
懂 HTTP/API
能写 FastAPI 服务
懂 SQL 和表关系
会数据库和 ORM
会输入校验
会登录鉴权
会接缓存
能让服务稳定跑起来
逐步建立工程化意识

建议按下面顺序学习:

顺序文章学完你应该知道什么
1大白话讲解——Python 后端够用基础.mdPython 写后端最常用的变量、函数、类、模块、异常、类型提示、异步
2大白话讲解——HTTP JSON REST API 大白话.md请求、响应、JSON、状态码、Header、REST 路径设计
3大白话讲解——FastAPI 入门到进阶.mdFastAPI 是什么、接口是什么、参数怎么传、/docs 怎么用
4大白话讲解——Pydantic 接口输入校验.md必填/可选、字段规则、枚举、嵌套对象、自定义校验、响应模型
5大白话讲解——FastAPI 搭建标准的 API 服务.md标准 API 服务的目录、配置、路由、鉴权、错误、日志、部署基础
6大白话讲解——关系型数据库和 SQL 够用基础.md表、行、列、主键、外键、SQL、索引、事务、ORM 对应关系
7大白话讲解——FastAPI 连接数据库并实现增删改查.md怎么连接数据库,怎么用 SQLAlchemy 写增删改查
8大白话讲解——FastAPI 使用 Alembic 管理数据库表结构.md为什么正式项目要用迁移,怎么生成、执行、回滚数据库迁移
9大白话讲解——FastAPI 登录认证和 JWT 鉴权.md登录、发 token、校验当前用户、保护接口、管理员权限
10大白话讲解——Redis 缓存和限流.md什么时候用 Redis、接口缓存、TTL、缓存失效、接口限流
11大白话讲解——后端系统分层架构.mdAPI、Schema、Service、Repository、Model、Core 分别负责什么
12大白话讲解——Docker入门到进阶.mdDocker 的镜像、容器、端口、数据卷、Dockerfile、Compose 基础
13大白话讲解——Docker Compose 跑完整后端服务.mdFastAPI、PostgreSQL、Redis 怎么用 Compose 一起跑
14大白话讲解——后端服务稳定性.md异常、日志、健康检查、超时、重试、限流、降级、监控
15大白话讲解——后端测试和工程化.mdpytest、接口测试、测试数据库、mock、ruff、CI/CD、发布检查

AI 全栈扩展路线

建议阶段文章适合什么时候看
刚开始规划 AI 学习路线时大白话讲解——AI 全栈学习导航.md想知道前端、后端、数据、大模型、部署怎么组合成 AI 产品时
学完 FastAPI 基础和后端分层后大白话讲解——LangChain 入门到实战.md想把大模型、提示词、工具、知识库和后端服务串起来时

前端工程化扩展路线

建议阶段文章适合什么时候看
已经有多个前端项目或准备抽公共包时大白话讲解——pnpm + monorepo + Turborepo 管理多项目.md想用 pnpm workspace 和 Turborepo 管理官网、后台、AI 前端、BI 前端等多个项目时

推荐学习节奏

  1. 如果你先补前端框架能力,先按“前端框架学习路线”完成 12 篇,重点用同一个用户管理后台案例反复练。
  2. 如果你先补后端能力,Python 后端路线第 1-2 篇先建立 Python 和 HTTP 基础,不急着写复杂项目。
  3. Python 后端路线第 3-5 篇开始写 FastAPI,重点吃透接口、校验、标准目录。
  4. Python 后端路线第 6 篇先补数据库和 SQL 底座,避免一上来学 ORM 时只会照抄代码。
  5. Python 后端路线第 7-9 篇进入真实后端:CRUD、迁移、登录鉴权。
  6. Python 后端路线第 10-11 篇补工程设计:缓存、限流、分层架构。
  7. Python 后端路线第 12-14 篇解决“跑起来”和“稳定跑”:Docker、Compose、稳定性。
  8. Python 后端路线第 15 篇建立工程化意识:测试、检查、发布流程。
  9. 最后看 AI 全栈扩展路线,把前端、后端、大模型应用串成完整产品。
  10. 如果开始维护多个前端项目,再学习 pnpm、monorepo 和 Turborepo,把依赖、共享包、构建任务管清楚。

当前文章状态

文章状态
前端框架学习路线图已完成
React 入门篇:组件 JSX Props State已完成
React 核心篇:Hooks 表单 请求 用户列表已完成
React 进阶篇:路由 状态管理 权限 工程化已完成
Vue 入门篇:模板 指令 组件 响应式已完成
Vue 核心篇:Composition API 表单 请求 用户列表已完成
Vue 进阶篇:Router Pinia 权限 工程化已完成
React vs Vue 心智模型对比已完成
React vs Vue 真实开发任务对比已完成
React 生态全景与项目架构已完成
Vue 生态全景与项目架构已完成
React vs Vue 生态架构横向对比已完成
Python 后端够用基础已完成
HTTP JSON REST API 大白话已完成
FastAPI 入门到进阶已完成
Pydantic 接口输入校验已完成
FastAPI 搭建标准的 API 服务已完成
关系型数据库和 SQL 够用基础已完成
FastAPI 连接数据库并实现增删改查已完成
FastAPI 使用 Alembic 管理数据库表结构已完成
FastAPI 登录认证和 JWT 鉴权已完成
Redis 缓存和限流已完成
后端系统分层架构已完成
Docker 入门到进阶已完成
Docker Compose 跑完整后端服务已完成
后端服务稳定性已完成
后端测试和工程化已完成
AI 全栈学习导航已完成
LangChain 入门到实战已完成
pnpm + monorepo + Turborepo 管理多项目已完成