开始一次预期6个月的系统学习，先列一个提纲，方便查找。
| 课前准备 | 阶段一 | 阶段二 | 阶段三 | 阶段四 | 阶段五 | 阶段六 | 阶段七 | 阶段八 |
|---|---|---|---|---|---|---|---|---|
| 2个模块 | 2个模块 | 2个模块 | 6个模块 | 6个模块 | 5个模块 | 5个模块 | 5个模块 | 2个模块 |
Part 0 · 课前准备
模块一：JS 核心原理精讲
| 模块任务 | 完成时间 |
|---|---|
| JS基石篇 | - |
| 深入数组篇 | - |
| 异步编程篇 | - |
| JS引擎篇 | - |
| 如何应对大厂面试官的灵魂拷问？ | - |
| 前端开发如何有针对性地学习算法？ | - |
| 面向未来，我们该如何提升自己？ | - |
模块二：JS 开发者应懂的33 个概念
| 模块任务 | 完成时间 |
|---|---|
| 33-js-concepts | - |
Part 1 · JS 深度剖析
模块一：函数式编程与 JS 异步编程、手写 Promise
| 模块任务 | 完成时间 |
|---|---|
| 函数式编程范式 | 2021.6.27 |
| Javascript 异步编程 | 2021.6.28 |
| 手写 Promise 源码 | 2021.6.30 |
| 理解堆栈执行与闭包(直播课) | 2021.7.11 |
| 模块作业 | 2021.7.1 |
模块二：ES 新特性与 TypeScript、JS 性能优化
| 模块任务 | 完成时间 |
|---|---|
| ECMAScript 新特性 | 2021.7.4 |
| JS内存管理及回收 | 2021.7.6 |
| JS执行及性能优化 | 2021.7.10 |
| 原型与原型链 | 2021.7.10 |
| 理解面向对象和事件循环(直播课) | 2021.7.11 |
| TypeScript 语言 | 2022.9.18参考 |
| 模块作业 | 2021.7.11 |
Part 2 · 前端工程化实战
模块一：开发脚手架及封装自动化构建工作流
| 模块任务 | 完成时间 |
|---|---|
| 开发脚手架及自动化构建 | 2021.7.25 |
| 模块作业 | 2021.7.24 |
模块二：模块化开发与规范标准
| 模块任务 | 完成时间 |
|---|---|
| 模块化开发与规范标准 | 2021.8.8 |
| webpack源码 | 2021.8.29 |
| 模块作业 | 2021.8.29 |
Part 3 · Vue.js 框架源码与进阶
模块一：手写 Vue Router、手写响应式实现、虚拟 DOM 和 Diff 算法
| 模块任务 | 完成时间 |
|---|---|
| Vue-Router原理实现 | 2021.9.21参考 |
| 模拟Vue响应式原理 | 2021.9.22 |
| 虚拟DOM实现原理 | 2021.9.22 |
| 模块作业 | 2021.9.21 |
模块二：Vue.js 源码分析（响应式、虚拟 DOM、模板编译和组件化
| 模块任务 | 完成时间 |
|---|---|
| Vue-2.6.10源码解析 | 2021.10.2 |
| 模块作业 | 2021.10.2 |
模块三：Vuex 数据流管理及Vue.js 服务端渲染（SSR）
| 模块任务 | 完成时间 |
|---|---|
| Vuex回顾及模拟实现 | 2021.10.15 |
| 服务端渲染和NuxtJS实战 | 2021.10.15 |
| 模块作业 | 2021.10.15 |
模块四：搭建自己的SSR、静态站点生成（SSG）及封装 Vue.js 组件库
| 模块任务 | 完成时间 |
|---|---|
| 搭建自己的SSR | 2021.10.30 |
| 静态站点生成 | 2021.10.30 |
| 封装Vue,js组件库 | 2021.10.30 |
| 模块作业 | 2021.10.30 |
模块五：Vue.js 3.0 Composition APIs 及 3.0 原理剖析
| 模块任务 | 完成时间 |
|---|---|
| Vue3.0入门及原理剖析 | 2021.11.2 |
| 模块作业 | 2021.11.2 |
模块六：Vue.js + Vuex + TypeScript 实战项目开发与项目优化
| 模块任务 | 完成时间 |
|---|---|
| xxx | -- |
| xxx | -- |
| 模块作业 | -- |
模块七：Vue.js 3 + Vite + TypeScript 实战项目开发
| 模块任务 | 完成时间 |
|---|---|
| xxx | -- |
| xxx | -- |
| 模块作业 | -- |
Part 4 · React 框架原理与实战
模块一：React 设计原理解密及核心源码解读
| 模块任务 | 完成时间 |
|---|---|
| React 基础回顾 | 2022.5.31 |
| VirtualDOM 及 Diff 算法 | 2022.6.3 |
| React中的fiber | 2022.6.4 |
| React核心源码解析 | 2022.6.4 |
| 模块作业 | 2022.6.5 |
模块二：React 数据流方案专题（Redux、MobX）
| 模块任务 | 完成时间 |
|---|---|
| Redux源码及应用 | 2022.6.10 |
| Mobx6使用 | 2022.6.12 |
| 模块作业 | 2022.6.21 |
模块三：React Hooks、Chakra-UI、组件性能优化
| 模块任务 | 完成时间 |
|---|---|
| ReactHooks功能 | 2022.6.26 |
| CSS-IN-JSS解决方案 | 2022.6.26 |
| Chakra-UI | 2022.6.26 |
| React组件性能优化 | 2022.6.26 |
| 模块作业 | 2022.6.29 |
模块四：React 服务端渲染专题（原生实现、Next.js 集成框架、Gatsby
| 模块任务 | 完成时间 |
|---|---|
| ReactSSR | 2022.7.3 |
| Next | 2022.7.4 |
| Gatsby | 2022.7.6 |
| 模块作业 | 2022.6.29 |
模块五：React + Redux + Ant Design + TypeScript 实战
模块六：Angular 企业实战开发
Part 5 · Node.js 全栈开发
模块一：Node.js 高级编程（核心模块、模块加载机制)
| 模块任务 | 完成时间 |
|---|---|
| Nodejs基础 | 2022.8.16 |
| Nodejs核心模块 | 2022.8.22 |
| Nodejs通信 | 2022.8.24 |
| 模块作业 | 2022.8.24 |
模块二：NoSQL数据库（MongoDB、Redis）
| 模块任务 | 完成时间 | 备注 |
|---|---|---|
| MongoDB | 2022.8.16 | 基础使用 |
| Redis基础 | 2022.8.16 | |
| 模块作业 | 2021.10.30 |
模块三：Web开发框架（Express、Koa）
| 模块任务 | 完成时间 |
|---|---|
| Express框架 | 2022.8.16 |
| Koa框架 | 2022.8.16 |
| 模块作业 | 2021.10.30 |
模块四：GraphQL API 开发
| 模块任务 | 完成时间 |
|---|---|
| GraphQL API 开发 | 2022.8.16 |
| 模块作业 | 2021.10.30 |
模块五：Egg.js 企业级框架实战
| 模块任务 | 完成时间 |
|---|---|
| Egg.js 企业级框架实战 | 2022.8.16 |
| 模块作业 | 2021.10.30 |
