zerojs

Quest Map

闯关地图

把文章路线铺成一张大地图，从序章开始，一关关推进、回炉和通关。

地图关卡31
已探索0
已通关0
待回炉0

Next Gate

从序章出发

大白话学习路线图

开始闯关
可进入闯关中已通关待回炉后续关卡
区域 1路线
01
可进入0%

大白话学习路线图

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

区域 2前端框架
02
后续关卡0%

前端框架学习路线图

用同一个用户管理后台案例，建立 React、Vue 和横向对比的完整学习路线。

03
后续关卡0%

React 入门篇：组件 JSX Props State

用 React 19、TypeScript、组件、JSX、Props 和 State 写用户管理页的第一版。

04
后续关卡0%

React 核心篇：Hooks 表单 请求 用户列表

用 Hooks 管搜索、表单、请求、loading、error，把用户列表变成真实业务页面。

05
后续关卡0%

React 进阶篇：路由 状态管理 权限 工程化

把 React 用户管理页放进后台项目，补齐路由、权限、全局状态和工程化目录。

06
后续关卡0%

Vue 入门篇：模板 指令 组件 响应式

用 Vue 3.5、script setup、模板、指令、组件和响应式写用户管理页的第一版。

07
后续关卡0%

Vue 核心篇：Composition API 表单 请求 用户列表

用 Composition API 管搜索、表单、请求、loading、error，把用户列表变成真实业务页面。

08
后续关卡0%

Vue 进阶篇：Router Pinia 权限 工程化

把 Vue 用户管理页放进后台项目，补齐 Router、Pinia、权限、接口层和工程化目录。

09
后续关卡0%

React vs Vue 心智模型对比

从 render/commit、状态快照、Proxy 响应式、依赖追踪和调度更新理解 React 与 Vue 的底层差异。

10
后续关卡0%

React vs Vue 真实开发任务对比

按列表、搜索、弹窗、请求、路由权限、状态管理和工程化逐项横向对比。

11
后续关卡0%

React 生态全景与项目架构

理解 React 路由、状态、请求、表单、UI、样式、测试、Next.js 和 React Native 在项目中的分层职责。

12
后续关卡0%

Vue 生态全景与项目架构

理解 Vue Router、Pinia、Nuxt、请求封装、表单、组件库、测试和工程化如何组成稳定 Vue 项目。

13
后续关卡0%

React vs Vue 生态架构横向对比

从生态风格、架构分层、路由状态、请求表单、SSR、跨端、测试和团队维护角度横向比较 React 与 Vue。

区域 3后端基础
14
后续关卡0%

Python 后端够用基础

掌握写后端最常用的变量、函数、类、模块、异常、类型提示和异步。

15
后续关卡0%

HTTP JSON REST API 大白话

理解请求、响应、JSON、状态码、Header、REST 路径和接口设计。

区域 4FastAPI
16
后续关卡0%

FastAPI 入门到进阶

先建立 FastAPI、接口、请求方法、参数、响应和自动文档的基础概念。

17
后续关卡0%

Pydantic 接口输入校验

学习必填/可选、字段规则、枚举、嵌套对象、自定义校验和响应模型。

18
后续关卡0%

FastAPI 搭建标准的 API 服务

从目录、配置、路由、Schema、Model、鉴权和部署几个角度，把标准 API 服务搭起来。

区域 5数据库
19
后续关卡0%

关系型数据库和 SQL 够用基础

先补表、行、列、主键、外键、SQL、索引、事务和 ORM 对应关系。

20
后续关卡0%

FastAPI 连接数据库并实现增删改查

学习 SQLAlchemy async、数据库连接、Model、Schema 和完整 CRUD 接口。

21
后续关卡0%

FastAPI 使用 Alembic 管理数据库表结构

理解数据库迁移、revision、upgrade、downgrade，以及正式项目改表时应该怎么做。

区域 6登录与缓存
22
后续关卡0%

FastAPI 登录认证和 JWT 鉴权

理解登录、签发 token、校验当前用户、保护接口、管理员权限和退出策略。

23
后续关卡0%

Redis 缓存和限流

学习 Redis 适用场景、接口缓存、TTL、缓存失效、登录黑名单和接口限流。

区域 7架构与部署
24
后续关卡0%

后端系统分层架构

理解 API、Schema、Service、Repository、Model、Core 各层的职责。

25
后续关卡0%

Docker 入门到进阶

先理解镜像、容器、Compose 和运行环境。

26
后续关卡0%

Docker Compose 跑完整后端服务

把 FastAPI、PostgreSQL、Redis 放进同一张启动清单，一条命令跑完整环境。

区域 8工程化
27
后续关卡0%

后端服务稳定性

学习异常、日志、健康检查、超时、重试、限流、降级和监控。

28
后续关卡0%

后端测试和工程化

学习 pytest、接口测试、测试数据库、mock、ruff、CI/CD 和发布检查。

29
后续关卡0%

pnpm + monorepo + Turborepo 管理多项目

理解 monorepo、pnpm workspace、workspace:*、--filter、Turborepo 任务调度和缓存。

区域 9AI 应用
30
后续关卡0%

AI 全栈学习导航

从编程基础、前后端、AI 基础、大模型应用到部署运营，建立 AI 全栈学习地图。

31
后续关卡0%

LangChain 入门到实战

理解模型、提示词、LCEL、工具、Agent、RAG，以及如何放进后端项目。