学习小游戏

进入关卡

区域 2前端框架

前端框架学习路线图

以用户管理后台为案例，建立 React、Vue 和横向对比的学习路线。

预览内容 03

React 入门篇：组件 JSX Props State

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

预览内容 04

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

用户列表的搜索、表单、请求、loading、error 完整实现。

预览内容 05

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

React 用户管理页的后台项目化：路由、权限、全局状态和工程化目录。

预览内容 06

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

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

预览内容 07

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

用 Composition API 实现用户列表的搜索、表单、请求、loading、error。

预览内容 08

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

Vue 用户管理页的后台项目化：Router、Pinia、权限、接口层和工程化目录。

预览内容 09

React vs Vue 心智模型对比

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

预览内容 10

React vs Vue 真实开发任务对比

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

预览内容 11

React 生态全景与项目架构

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

预览内容 12

Vue 生态全景与项目架构

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

预览内容 13

React vs Vue 生态架构横向对比

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

区域 3后端基础

Python 后端够用基础

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

预览内容 15

HTTP JSON REST API

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

区域 4FastAPI

FastAPI 入门到进阶

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

预览内容 17

Pydantic 接口输入校验

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

预览内容 18

FastAPI 搭建标准的 API 服务

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

区域 5数据库

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

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

预览内容 20

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

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

预览内容 21

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

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

区域 6登录与缓存

FastAPI 登录认证和 JWT 鉴权

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

预览内容 23

Redis 缓存和限流

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

区域 7架构与部署

后端系统分层架构

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

预览内容 25

Docker 入门到进阶

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

预览内容 26

Docker Compose 跑完整后端服务

FastAPI + PostgreSQL + Redis 的 Docker Compose 完整环境配置。

区域 8工程化

后端服务稳定性

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

预览内容 28

后端测试和工程化

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

预览内容 29

pnpm + monorepo + Turborepo 管理多项目

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

区域 9AI 应用

AI 全栈学习导航

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

预览内容 31

LangChain 入门到实战

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

区域 10项目实战

从 0 到 1 做一个用户管理系统

前端页面、FastAPI 接口、数据库、登录鉴权和权限控制组成的完整小后台。

预览内容 33

前后端接口联调

理解接口契约、请求地址、跨域、token、分页、表单提交、错误码和联调排查顺序。

预览内容 34

后台权限系统设计

理解用户、角色、权限、菜单、按钮权限、路由权限和后端接口权限如何组成权限闭环。

预览内容 35

SQLAlchemy 关系查询和性能优化

理解一对多、多对多、relationship、N+1 查询、selectinload、joinedload 和分页性能。

预览内容 36

FastAPI 项目配置、多环境和部署上线

理解 .env、多环境配置、Docker Compose、Nginx、HTTPS、健康检查、日志和上线检查。

预览内容 37

AI 应用里的 RAG 知识库实战

理解文档上传、切分、向量化、检索、Prompt、引用来源和 RAG 效果调试。

区域 11上线运维

生产环境日志、监控和告警

理解日志、指标、链路追踪、request_id、P95、慢查询和告警设计。

预览内容 39

CI/CD、发布和回滚

理解 CI 检查、CD 部署、固定制品、冒烟测试、发布观察和回滚流程。

预览内容 40

后端安全加固实战

理解密码 hash、token、权限校验、CORS、限流、SQL 注入、文件上传和密钥管理。

预览内容 41

数据库备份、迁移和恢复

理解数据库备份、恢复演练、生产迁移、危险改表和数据回滚策略。

预览内容 42

接口契约、版本管理和文档

理解接口契约、OpenAPI、字段变更、版本管理、错误码和契约测试。

预览内容 43

生产问题排查 Runbook

理解线上故障确认、影响范围、止血、定位、恢复、记录和复盘流程。