[336] Angular 开发拼多多WebApp－从基础到项目实战 - 以模块化开发方式，实现一个个小模块，再串成完整项目，让你看到项目由小及大的整个成型过程，并进行Http联调

网盘链接：

1. 课程介绍

• 1-1 课程导学
• 1-2 2022加餐，学前必读
• 1-3 框架对比与课前辅导
• 1-4 环境配置
• 1-5 开发工具配置

2. Angular初探

• 2-1 CLI 工程结构
• 2-2 工程源码文件结构
• 2-3 【初识组件】顶部 TabBar
• 2-4 【接口Interface Flex布局】让顶部导航滚动
• 2-5 【ngFor指令 事件的处理和样式绑定】顶部导航支持选中状态
• 2-6 【组件封装】分离封装第一个组件
• 2-7 【ngIf指令 组件的输入输出】组件的输入和输出属性
• 2-8 样式绑定的几种方式

3. 基础知识

• 3-1 组件生命周期（1）
• 3-2 组件生命周期（2）
• 3-3 在组件类中引用模版
• 3-4 在模板中引用多个元素
• 3-5 轮播图组件
• 3-6 组件的双向绑定
• 3-7 模块的概念
• 3-8 模块的划分

4. 进阶知识

• 4-1 什么是注解
• 4-2 指令的概念（1）
• 4-3 指令的概念（2）
• 4-4 组件的事件绑定和样式绑定
• 4-5 组件嵌套和投影组件（1）
• 4-6 组件嵌套和投影组件（2）
• 4-7 路由概念
• 4-8 路由实战
• 4-9 路由 URL 和参数（1）
• 4-10 路由 URL 和参数（2）
• 4-11 路由 URL 和参数 下（3）
• 4-12 管道讲解
• 4-13 依赖注入（1）
• 4-14 依赖注入（2）
• 4-15 脏值检测（1）
• 4-16 脏值检测（2）
• 4-17 脏值检测（3）

5. HTTP联调

• 5-1 HTTP 概览
• 5-2 Postman 和 Rest Client 调试 HTTP
• 5-3 Rest API
• 5-4 HttpClient 修改
• 5-5 Http 拦截器 HttpInterceptor
• 5-6 rxjs 初步了解
• 5-7 操作符和 Async 管道
• 5-8 使用 rxjs 打造倒计时组件

6. 实战首页模块/分类模块

• 6-1 创建底部 TabBar（1）
• 6-2 创建底部 TabBar（2）
• 6-3 底部 TabBar 切换路由
• 6-4 使用 rxjs 高阶操作符添加广告位
• 6-5 创建垂直网格组件
• 6-6 创建产品卡片组件（1）
• 6-7 创建产品组件卡片（2）
• 6-8 实战产品瓷砖组件

7. 实战产品模块/个人模块

• 7-1 实现后退按钮组件
• 7-2 实现商品画廊（1）
• 7-3 实现商品画廊（2）
• 7-4 实战拼单列表
• 7-5 对话框实现的ng8和ng14区别
• 7-6 实战对话框（1）
• 7-7 实战对话框（2）
• 7-8 实战对话框（3）
• 7-9 实战拼单选择产品对话框（1）
• 7-10 实战拼单产品选择对话框（2）
• 7-11 实战确认订单（1）
• 7-12 实战确认订单（2）
• 7-13 实战个人信息

8. 发布上线

• 8-1 发布上线 – 环境，重定向
• 8-2 发布上线 – gzip和跨域
• 8-3 路由懒加载的改造
• 8-4 ivy渲染的 ng8 和 ng14 区别
• 8-5 ivy 渲染引擎
• 8-6 课程总结

9. 使用 CLI 升级 Angular和 Typescript

• 9-1 Angular升级工具和升级实战（上）
• 9-2 Angular升级工具和升级实战（中）
• 9-3 Angular升级工具和升级实战（下）
• 9-4 TypeScript 配置升级及实战（1）
• 9-5 TypeScript 配置升级及实战（2）
• 9-6 TypeScript 配置升级及实战（3）
• 9-7 TypeScript 配置升级及实战（4）

10. 表单的处理机制和实战

• 10-1 Angular的两种表单介绍
• 10-2 表单验证器入门
• 10-3 自定义表单验证器
• 10-4 表单嵌套和日期验证（1）
• 10-5 表单嵌套和日期验证（2）
• 10-6 表单数组
• 10-7 自定义表单控件（1）
• 10-8 自定义表单控件（2）
• 10-9 为自定义表单控件增加验证
• 10-10 使用响应式表单改造表单控件
• 10-11 多个表单项的验证和表单错误处理

11. rxjs 异常处理和 ngrx 状态管理

• 11-1 RxJS的错误处理
• 11-2 ngrx概述
• 11-3 ngrx概述
• 11-4 Effects的应用
• 11-5 ngrx feature 分片