Skip to content

学习路线图

整本教程共 10 个部分,本页给出一条建议的学习节奏,并标注每部分的关键产出。

整体进度表

部分内容预计时间关键产出
1课程导论半天建立全栈认知
2开发环境准备1 天可开发的机器
3前端基础3~4 天HTML/CSS/JS/TS/HTTP 基础
4Vue 3 前端5~7 天商城 Vue 端可运行
5React 前端5~7 天商城 React 端可运行
6Java 后端7~10 天商城 API 可调用
7MySQL 数据库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
  • [ ] 能把项目讲给面试官听,说清每个技术选型的理由

基于 MIT 协议发布,可自由学习与修改