主题
学习路线图
整本教程共 10 个部分,本页给出一条建议的学习节奏,并标注每部分的关键产出。
整体进度表
| 部分 | 内容 | 预计时间 | 关键产出 |
|---|---|---|---|
| 1 | 课程导论 | 半天 | 建立全栈认知 |
| 2 | 开发环境准备 | 1 天 | 可开发的机器 |
| 3 | 前端基础 | 3~4 天 | HTML/CSS/JS/TS/HTTP 基础 |
| 4 | Vue 3 前端 | 5~7 天 | 商城 Vue 端可运行 |
| 5 | React 前端 | 5~7 天 | 商城 React 端可运行 |
| 6 | Java 后端 | 7~10 天 | 商城 API 可调用 |
| 7 | MySQL 数据库 | 2~3 天 | 建库建表 + 优化 |
| 8 | 联调与测试 | 2~3 天 | 前后端跑通 + 测试通过 |
| 9 | 部署上线 | 3~5 天 | 线上可访问的商城 |
| 10 | 实战与求职 | 2~3 天 | 简历 + 面试话术 |
全职学习者总计约 1~1.5 个月;在职学习建议 3 个月,每天 1~2 小时。
推荐学习节奏(三阶段)
阶段一:跑通全链路(第 1~3 部分 + 第 6 部分快速版)
先用最少的时间,把"前端页面 → 后端 → 数据库"这条链路跑起来,哪怕只做一个"商品列表"。
- 目的:破除对全栈的神秘感,建立信心。
- 判断标准:浏览器能通过接口看到数据库里的商品数据。
阶段二:两个前端 + 完整后端(第 4~8 部分)
按章节完整实现商城功能。
- 前端建议先学透一个(Vue 或 React 选一个主力),另一个对照着看差异。
- 后端一定要自己写,不要只复制代码。
- 数据库的表结构和索引自己动手建。
阶段三:上线 + 求职(第 9~10 部分)
- 把项目部署到真实云服务器,挂上域名和 HTTPS。
- 配置 CI/CD,实现"push 代码自动上线"。
- 用项目去准备简历和面试。
常见问题
Q:Vue 和 React 都要学吗? A:时间紧就选一个做主攻,另一个至少要能看懂并说出区别(第 5 部分第 6 章专门有对比)。求职时"会 Vue + 能上手 React"是很常见的岗位要求。
Q:Java 零基础能学完吗? A:能。第 6 部分第一章从 Java 语法讲起。但每天都要写代码,Java 是练出来的。
Q:每一章都要动手吗? A:建议至少动手敲:前端组件、后端 Controller/Service、数据库建表、Docker 部署。这几个是核心技能。
别陷入"收集资料"陷阱
收藏 100 个教程不如跑通 1 个项目。每完成一章,把产出物更新到你的 README,最后它就是你的项目文档。
学习自检清单
- [ ] 能独立讲清一次 HTTP 请求的完整链路
- [ ] 能独立从零搭建 Vue 或 React 项目
- [ ] 能独立用 Spring Boot 写出一个带数据库的接口
- [ ] 能独立设计商城数据库的表结构
- [ ] 能把自己项目部署上云并配置 HTTPS
- [ ] 能把项目讲给面试官听,说清每个技术选型的理由