← 知识导览

全栈路线

公开知识导览

全栈知识路线

这张路线把已有笔记与新补的章节连成一个可执行的学习顺序。主线项目使用同一后端 API,分别实现 Vue 与 React 两套前端;后端先用 Python 完成,再用 Go、Java 对照实现。

阶段 1:前端基本功

从 JavaScript 基础、Promise、TypeScript 与 浏览器运行过程 出发,按 全栈前端路线 补页面、数据流、测试、可访问性与安全。

交付物:一个能展示列表、搜索、表单和错误反馈的静态前端,先用模拟数据。

阶段 2:后端语言与 API

按 后端学习路线 先复用已掌握的 Python,再学 Go,最后补齐 Java。三门语言不需要同时写完整产品;先让 Python 版稳定,Go 和 Java 复现关键接口。

交付物:GET /health、笔记 CRUD、参数校验与稳定的错误响应。

阶段 3:数据、安全与测试

学习 数据库与事务、API 与安全、测试、CI 与部署。用唯一约束与事务保护数据,用认证和逐资源授权保护用户,用测试覆盖失败分支。

交付物:数据库迁移、接口契约测试、前端组件测试和一个关键端到端流程。

阶段 4:Vue 与 React 双实现

按 Vue 项目实践 和 React 项目实践 实现相同功能。两版共享 API 契约、示例数据和验收清单,不共享框架内部状态代码。

交付物:两套都能登录、搜索、创建、编辑、删除和处理无权限与网络失败的前端。

阶段 5:部署与复盘

依 综合项目 完成 CI、健康检查、日志、备份与回滚说明。记录 Python、Go、Java 的错误处理和并发差异,以及 Vue、React 的组件与状态组织差异。

完成标准:干净环境能构建和测试;重启后数据保留;用户不能越权;线上故障有定位和回滚路径。