`, ``, `

`, ``, ``, `

**练习**：编写一个完整的静态网页（个人简历页）

### 1.2 CSS（第2-3周）

| 学习内容   | 重点                                                   | 预计时间 |
| ---------- | ------------------------------------------------------ | -------- |
| 选择器     | 基础选择器、组合选择器、伪类/伪元素                    | 1天      |
| 盒模型     | `margin`、`border`、`padding`、`content`、`box-sizing` | 1天      |
| 布局       | 浮动、定位（`relative`/`absolute`/`fixed`/`sticky`）   | 1天      |
| Flex 布局  | `display: flex`、主轴/交叉轴、对齐方式                 | 2天      |
| Grid 布局  | `display: grid`、网格模板、区域划分                    | 2天      |
| 响应式设计 | 媒体查询、`rem`/`em`/`vw`/`vh`、移动端适配             | 2天      |
| CSS3 动画  | `transition`、`animation`、`transform`                 | 1天      |
| 预处理器   | Sass/SCSS 基础                                         | 1天      |

**练习**：复刻一个电商首页（静态）

### 1.3 JavaScript（第4-6周）

| 学习内容      | 重点                                                            | 预计时间 |
| ------------- | --------------------------------------------------------------- | -------- |
| 基础语法      | 变量（`var`/`let`/`const`）、数据类型、运算符、流程控制         | 1天      |
| 函数          | 声明/表达式/箭头函数、作用域、闭包                              | 2天      |
| 对象与数组    | 对象操作、数组方法（`map`/`filter`/`reduce`）、解构、展开运算符 | 2天      |
| DOM 操作      | 获取元素、事件监听、增删改查节点、事件委托                      | 2天      |
| 异步编程      | 回调、`Promise`、`async/await`                                  | 3天      |
| ES6+ 新特性   | 模块化、`class`、模板字符串、`Set`/`Map`、可选链                | 2天      |
| AJAX 与 Fetch | `XMLHttpRequest`、`fetch`、`axios`                              | 2天      |
| 浏览器存储    | `localStorage`、`sessionStorage`、`Cookie`                      | 1天      |

**练习**：实现一个 Todo List 应用（含增删改查、本地存储）

---

## 第二阶段：前端进阶（第7-12周）

### 2.1 TypeScript（第7周）

| 学习内容   | 重点                                                                    | 预计时间 |
| ---------- | ----------------------------------------------------------------------- | -------- |
| 基础类型   | `string`/`number`/`boolean`/`array`/`tuple`/`enum`/`any`/`void`/`never` | 1天      |
| 接口与类型 | `interface`、`type`、联合类型、交叉类型、类型守卫                       | 2天      |
| 泛型       | 泛型函数、泛型约束、泛型工具类型（`Partial`/`Pick`/`Omit` 等）          | 2天      |
| 装饰器     | 类装饰器、方法装饰器、属性装饰器                                        | 1天      |

**练习**：用 TypeScript 重写之前的 Todo List

### 2.2 Vue（第8-10周）

| 学习内容       | 重点                                                       | 预计时间 |
| -------------- | ---------------------------------------------------------- | -------- |
| Vue 基础       | 模板语法、响应式数据（`ref`/`reactive`）、计算属性、侦听器 | 2天      |
| 组件化         | 组件注册、Props、Emits、插槽（`slot`）                     | 2天      |
| 生命周期       | `onMounted`/`onUpdated`/`onUnmounted` 等                   | 1天      |
| Vue Router     | 路由配置、动态路由、导航守卫、懒加载                       | 2天      |
| Pinia 状态管理 | Store 定义、`state`/`getters`/`actions`、模块化            | 2天      |
| 组合式 API     | `composables`、`provide`/`inject`、`watchEffect`           | 2天      |
| 常用生态       | Element Plus、Vant、Vite 配置                              | 2天      |

**练习**：开发一个后台管理系统（含登录、表格、表单、图表）

### 2.3 React（第11-12周，可选）

| 学习内容     | 重点                                                                     | 预计时间 |
| ------------ | ------------------------------------------------------------------------ | -------- |
| JSX 语法     | JSX 规则、条件渲染、列表渲染                                             | 1天      |
| 组件与 Props | 函数组件、Props 传递、`children`                                         | 1天      |
| Hooks        | `useState`、`useEffect`、`useRef`、`useMemo`、`useCallback`、自定义 Hook | 3天      |
| React Router | v6 路由配置、嵌套路由、参数传递                                          | 2天      |
| 状态管理     | Zustand / Redux Toolkit                                                  | 2天      |
| 常用生态     | Ant Design、React Query                                                  | 1天      |

### 2.4 构建工具

| 学习内容      | 重点                                             | 预计时间 |
| ------------- | ------------------------------------------------ | -------- |
| Vite          | 项目创建、配置、环境变量、代理                   | 1天      |
| Webpack       | 基础概念（entry/output/loader/plugin）、基础配置 | 1天      |
| npm/yarn/pnpm | 包管理、`package.json`、脚本命令                 | 0.5天    |

---

## 第三阶段：Java基础（第13-17周）

### 3.1 JavaSE（第13-14周）

| 学习内容   | 重点                                                                 | 预计时间 |
| ---------- | -------------------------------------------------------------------- | -------- |
| 环境搭建   | JDK 安装、IDEA 安装、HelloWorld                                      | 0.5天    |
| 基础语法   | 变量、数据类型、运算符、流程控制、方法                               | 2天      |
| 数组       | 一维/二维数组、排序、查找                                            | 1天      |
| 字符串     | `String`、`StringBuilder`、`StringBuffer`                            | 1天      |
| 异常处理   | `try-catch-finally`、`throw`/`throws`、自定义异常                    | 1天      |
| 集合框架   | `List`/`Set`/`Map`、`ArrayList`/`LinkedList`/`HashSet`/`HashMap`     | 3天      |
| 泛型       | 泛型类/方法/接口、通配符、类型擦除                                   | 1天      |
| IO 流      | 字节流/字符流、缓冲流、序列化                                        | 2天      |
| 多线程     | 线程创建、同步（`synchronized`/`Lock`）、线程池、`CompletableFuture` | 3天      |
| 反射与注解 | `Class` 对象、动态代理、自定义注解                                   | 2天      |

### 3.2 面向对象（第15周）

| 学习内容     | 重点                                                | 预计时间 |
| ------------ | --------------------------------------------------- | -------- |
| 类与对象     | 构造方法、`this`、`static`、代码块                  | 1天      |
| 封装         | 访问修饰符、`getter`/`setter`、包管理               | 1天      |
| 继承         | `extends`、`super`、方法重写、`final`               | 1天      |
| 多态         | 向上转型、向下转型、`instanceof`                    | 1天      |
| 抽象类与接口 | `abstract`、`interface`、`default` 方法、函数式接口 | 1天      |
| 内部类       | 成员内部类、静态内部类、匿名内部类、Lambda 表达式   | 1天      |

### 3.3 常用类库（第16-17周）

| 学习内容   | 重点                                                         | 预计时间 |
| ---------- | ------------------------------------------------------------ | -------- |
| 日期时间   | `LocalDate`/`LocalTime`/`LocalDateTime`、`DateTimeFormatter` | 1天      |
| Stream API | 流操作、中间操作/终端操作、`Collectors`                      | 2天      |
| Optional   | 空值处理、链式调用                                           | 1天      |
| JUnit      | 单元测试、断言、测试生命周期                                 | 1天      |
| 日志框架   | SLF4J + Logback                                              | 1天      |
| JSON 处理  | Jackson / Fastjson / Gson                                    | 1天      |

---

## 第四阶段：Java后端（第18-28周）

### 4.1 MySQL（第18-19周）

| 学习内容   | 重点                                            | 预计时间 |
| ---------- | ----------------------------------------------- | -------- |
| 安装与配置 | MySQL 安装、Navicat/DBeaver 使用                | 0.5天    |
| SQL 基础   | DDL（建表/改表）、DML（增删改）、DQL（查询）    | 2天      |
| 查询进阶   | 多表联查（JOIN）、子查询、聚合函数、分组/排序   | 2天      |
| 索引       | B+Tree、聚簇索引、联合索引、最左前缀、`EXPLAIN` | 2天      |
| 事务与锁   | ACID、隔离级别、行锁/表锁、MVCC                 | 2天      |
| 设计范式   | 三大范式、反范式、ER 图                         | 1天      |
| SQL 优化   | 慢查询、`EXPLAIN` 分析、索引优化、分页优化      | 1天      |

### 4.2 JDBC（第20周）

| 学习内容          | 重点                                           | 预计时间 |
| ----------------- | ---------------------------------------------- | -------- |
| JDBC 基础         | 驱动加载、`Connection`/`Statement`/`ResultSet` | 1天      |
| PreparedStatement | 防 SQL 注入、批处理                            | 1天      |
| 事务管理          | 手动提交/回滚、保存点                          | 1天      |
| 连接池            | Druid / HikariCP 配置与使用                    | 1天      |

### 4.3 Maven（第20周）

| 学习内容 | 重点                                  | 预计时间 |
| -------- | ------------------------------------- | -------- |
| 基础概念 | 坐标、依赖管理、仓库、生命周期        | 1天      |
| 依赖管理 | 传递依赖、依赖冲突、`scope`、排除依赖 | 1天      |
| 多模块   | 父子工程、模块聚合                    | 1天      |

### 4.4 Spring（第21-22周）

| 学习内容       | 重点                                                                       | 预计时间 |
| -------------- | -------------------------------------------------------------------------- | -------- |
| IoC 容器       | Bean 管理、依赖注入（`@Autowired`）、`@Component`/`@Service`/`@Repository` | 2天      |
| AOP            | 切面编程、通知类型（`@Before`/`@After`/`@Around`）、切入点表达式           | 2天      |
| Spring MVC     | `@Controller`/`@RestController`、`@RequestMapping`、参数绑定、RESTful API  | 3天      |
| 拦截器与过滤器 | `HandlerInterceptor`、`Filter`、执行顺序                                   | 2天      |
| 全局异常处理   | `@ControllerAdvice`、`@ExceptionHandler`                                   | 1天      |

### 4.5 SpringBoot（第23-24周）

| 学习内容 | 重点                                             | 预计时间 |
| -------- | ------------------------------------------------ | -------- |
| 快速入门 | 项目创建、自动配置原理、`application.yml`        | 2天      |
| Web 开发 | 静态资源、JSON 处理、参数校验（`@Valid`）        | 2天      |
| 配置管理 | 多环境配置、`@ConfigurationProperties`、`@Value` | 1天      |
| 定时任务 | `@Scheduled`、`@EnableScheduling`                | 1天      |
| 文件上传 | 单文件/多文件上传、文件存储                      | 1天      |
| 测试     | `@SpringBootTest`、MockMvc                       | 2天      |

### 4.6 MyBatis / MyBatis-Plus（第25周）

| 学习内容     | 重点                                             | 预计时间 |
| ------------ | ------------------------------------------------ | -------- |
| MyBatis 基础 | 配置文件、`mapper.xml`、`#{}` vs `${}`、动态 SQL | 2天      |
| MyBatis-Plus | 代码生成器、条件构造器、分页插件、逻辑删除       | 2天      |
| 关联查询     | 一对一、一对多、多对多映射                       | 2天      |

### 4.7 SpringCloud（第26-28周）

| 学习内容   | 重点                                   | 预计时间 |
| ---------- | -------------------------------------- | -------- |
| 微服务架构 | 概念理解、服务拆分原则                 | 1天      |
| 注册中心   | Nacos 安装与配置、服务注册与发现       | 2天      |
| 远程调用   | OpenFeign、负载均衡                    | 2天      |
| 网关       | Spring Cloud Gateway、路由配置、过滤器 | 2天      |
| 配置中心   | Nacos 配置管理、动态刷新               | 1天      |
| 服务保护   | Sentinel 限流、熔断、降级              | 2天      |

---

## 第五阶段：数据库与中间件（第29-31周）

### 5.1 Redis

| 学习内容        | 重点                                                    | 预计时间 |
| --------------- | ------------------------------------------------------- | -------- |
| 数据类型        | String、Hash、List、Set、SortedSet                      | 2天      |
| 高级特性        | 过期策略、持久化（RDB/AOF）、事务、管道                 | 2天      |
| 缓存实战        | 缓存穿透/击穿/雪崩、双写一致性、缓存预热                | 2天      |
| SpringBoot 集成 | Spring Cache、`@Cacheable`/`@CacheEvict`、RedisTemplate | 2天      |
| 分布式锁        | SETNX、Redisson                                         | 1天      |

### 5.2 消息队列

| 学习内容     | 重点                                 | 预计时间 |
| ------------ | ------------------------------------ | -------- |
| 消息队列概念 | 为什么用 MQ、解耦/异步/削峰          | 1天      |
| RabbitMQ     | 安装、交换机类型、消息确认、死信队列 | 3天      |
| RocketMQ     | 安装、消息类型、事务消息、延迟消息   | 3天      |

---

## 第六阶段：项目实战（贯穿学习过程）

### 6.1 前端项目（Vue + TypeScript）

- **项目**：后台管理系统
  - 登录/注册（JWT 认证）
  - 用户管理（CRUD）
  - 角色权限管理
  - 数据看板（ECharts 图表）
  - 响应式布局

### 6.2 后端项目（SpringBoot + MyBatis-Plus）

- **项目**：RESTful API 服务
  - 用户模块（注册/登录/信息管理）
  - RBAC 权限系统
  - 文件上传/下载
  - 接口文档（Knife4j / Swagger）
  - 全局异常处理、统一响应格式

### 6.3 全栈项目（前后端联调）

- **项目**：电商平台（简化版）
  - 商品管理（分类、SPU、SKU）
  - 购物车
  - 订单流程
  - 秒杀功能（Redis + 消息队列）
  - 部署上线（Linux + Docker）

---

## 第七阶段：扩展技能（碎片时间学习）

### 7.1 Git

| 学习内容 | 重点                                         |
| -------- | -------------------------------------------- |
| 基础操作 | `clone`/`add`/`commit`/`push`/`pull`/`fetch` |
| 分支管理 | `branch`/`checkout`/`merge`/`rebase`         |
| 协作流程 | GitFlow、PR 流程、Code Review                |
| 进阶操作 | `stash`/`cherry-pick`/`reset`/`reflog`       |

### 7.2 Linux

| 学习内容 | 重点                                   |
| -------- | -------------------------------------- |
| 基础命令 | 文件操作、权限管理、用户管理、进程管理 |
| 文本处理 | `grep`/`sed`/`awk`/`vim` 基础          |
| 部署相关 | 安装 JDK/Nginx/MySQL、防火墙、查看日志 |

### 7.3 Docker

| 学习内容       | 重点                                  |
| -------------- | ------------------------------------- |
| 核心概念       | 镜像、容器、仓库、Dockerfile          |
| 常用命令       | `run`/`build`/`compose`/`logs`/`exec` |
| Docker Compose | 多容器编排、服务依赖                  |
| 实战           | 容器化部署 SpringBoot 项目            |

---

## 学习建议

### 时间分配建议

```
       前端基础     ████████████░░░░░░░░░░░░  30%
       前端进阶     ████████░░░░░░░░░░░░░░░░  20%
       Java基础     ████████████░░░░░░░░░░░░  30%
       Java后端     ████████████████████░░░░  50%
       中间件       ████████░░░░░░░░░░░░░░░░  20%
       项目实战     ████████████████████████  50%
       扩展技能     ████████░░░░░░░░░░░░░░░░  20%
```

### 学习原则

1. **先广后深**：先理解整体脉络，再深入细节
2. **动手为主**：每个知识点至少写一个 Demo，不要只看不写
3. **项目驱动**：学完一个阶段就用项目巩固，不要等到全部学完
4. **笔记整理**：每个文件夹下记录学习笔记和代码示例
5. **定期复习**：每周回顾本周所学，每月回顾整体进度
6. **遇到问题**：先自己排查 → 搜索引擎 → 请教他人

### 学习资源推荐

| 类型 | 资源                                                 |
| ---- | ---------------------------------------------------- |
| 前端 | MDN 文档、Vue 官方文档、React 官方文档               |
| Java | 廖雪峰 Java 教程、《Java 核心技术》、B站 尚硅谷/黑马 |
| 后端 | Spring 官方文档、MyBatis 官方文档、B站 尚硅谷/黑马   |
| 刷题 | LeetCode（每天 1-2 道）、牛客网                      |
| 博客 | CSDN、掘金、博客园、SegmentFault                     |

---

> **开始行动**：从 `01-前端基础/01-HTML/` 开始，每天坚持，积少成多！