前端小白学习路线（参考）
- 阶段 0 前置准备（1 周）
- 1.装工具
- 2.学最基础的命令行与 Git 三板斧（add/commit/push/clone）
- 3.了解 HTTP 常见状态码 & 请求方法，为后面写接口打基础
- 阶段 1 前端三件套 + JS 体系化（4 周）
- 阶段 2 Node.js 与 Express 入门（3 周）
- 阶段 3 前后端联调 & 工程化（2 周）
- 阶段 4 进阶选修（就业/面试向，≥2 周）
- 时间轴总览
- 常见疑问
- 1.React/Vue 什么时候学？
- 2.算法需要吗？
- 3.资料太多看不完？
以下路线专为「零基础、大学应届、目标 3~5 个月能做出可上线作品」而设计，按「先能跑→再跑稳→最后跑远」分 4 阶段，每阶段给出：
- 要掌握的核心知识点
- 必须敲完的项目实战
- 预计学习时长（每天 4 h 计）
阶段 0 前置准备（1 周）
1.装工具
- VS Code + Node.js 20 + Git，配好国内 npm 镜像
2.学最基础的命令行与 Git 三板斧（add/commit/push/clone）
3.了解 HTTP 常见状态码 & 请求方法，为后面写接口打基础
阶段 1 前端三件套 + JS 体系化（4 周）
| 模块 | 任务清单 | 实战 |
|---|
| HTML5/CSS3 | 语义化标签、Flex/Grid、移动端适配 | 做出「小米商城静态首页」 |
| JavaScript 核心 | ES6 以前语法 + 异步编程（Promise/async） | 写「TODO 列表」纯原生版本 |
| Web APIs | DOM、事件、Fetch、本地存储 | 给 TODO 加远程数据加载动画 |
| 版本控制 | Git 分支、PR、冲突解决 | 把代码推到 GitHub Pages |
阶段 2 Node.js 与 Express 入门（3 周）
| 模块 | 任务清单 | 实战 |
|---|
| Node 基础 | 全局对象、模块系统、事件循环 | 写「文件批量重命名」脚本 |
| 核心模块 | fs、path、http、querystring | 手写静态文件服务器 |
| Express 框架 | 路由、中间件、RESTful 设计 | 搭「博客 CMS」接口：文章增删改查 |
| 数据库 | MySQL 基础表设计 + 索引 | 千 把博客换成持久化存储 |
| 跨域 & 鉴权 | CORS、JWT、bcrypt | 给博客加登录/注册 |
阶段 3 前后端联调 & 工程化（2 周）
| 模块 | 任务清单 | 实战 |
|---|
| AJAX/Axios | 封装请求、错误拦截 | 把阶段 1 的 TODO 改成「博客管理系统」前端 |
| 模板引擎 | EJS/Pug 任选 | 做服务端渲染的文章详情页 |
| 环境变量 | dotenv、多环境配置 | 区分 dev/prod 数据库 |
| 上线部署 | 宝塔面板 + PM2 + Nginx 反向代理 | 把博客丢到云服务器，配 HTTPS |
阶段 4 进阶选修（就业/面试向，≥2 周）
- 安全加固：helmet、express-rate-limit、SQL 注入防护
- 性能优化：gzip、cluster、redis 缓存、数据库连接池
- 测试：jest + supertest 写接口单测
- TypeScript：给 Express 项目加 TS，体验类型提示
- 面试题：事件循环、闭包、JWT 流程、REST vs GraphQL
时间轴总览
| 阶段 | 周 | 可交付作品 |
|---|
| 0 前置 | 1 | 环境 OK，GitHub 账号建好 |
| 1 前端 | 4 | 响应式小米商城 + TODO 单页 |
| 2 Node | 3 | 博客 RESTful 接口 + MySQL |
| 3 联调 | 2 | 全栈博客系统上线公网 |
| 4 进阶 | ≥2 | 带测试、TS、缓存的「企业级」版本 |
常见疑问
1.React/Vue 什么时候学？
- 先把 JS/Node 地基打牢，再切入框架；否则「框架会了，基础不会」面试一问就倒。
2.算法需要吗？
- 中小厂前端/Node 岗：先能写业务，LeetCode 50 题即可；大厂再刷 200+。
3.资料太多看不完？
- 每阶段只给「一条主视频 + 官方文档」，看完就实践，别贪多。
按上面节奏走，3 个月可拿到「全栈博客」作品，4~5 个月可冲击实习/初级前端 or Node 岗位。坚持「当天视频当天敲代码」，每周 GitHub 留 commit。祝你学习顺利！
