Week 1:前端基础 & ES6
前端三大支柱:HTML(结构)、CSS(表现)、JavaScript(行为)。
主要内容:
- 语义化 HTML5 标签
- CSS 选择器、Flexbox 布局、定位
- DOM 操作
- 函数、对象、闭包、原型链
Week 2:TypeScript & React
TypeScript 是"JavaScript 的类型超集",在编译时进行静态类型检查。
主要内容:
- React 组件化架构
- 虚拟 DOM 与 Diff 算法
- NPM 包管理基础
Week 3:构建工具 & Web 基础
深入探索 webpack 作为主要构建工具,回顾从 Gulp、Grunt 等早期工具的演进。
主要内容:
- Loaders、Plugins、Dev Server
- 性能优化:代码分割、公共代码提取
- HTTP/HTTPS 协议、状态码
- 缓存策略:强缓存 vs 协商缓存
- 跨域问题
- 安全:XSS 和 CSRF 攻击
Week 4:工程化 & 设计模式
主要内容:
- 代码规范:ESLint、Prettier、Husky
- Jest 单元测试
- 设计模式:单例、发布订阅、工厂、装饰器
- 设计原则:单一职责、开闭原则、依赖倒置