Angular 8开发拼多多WebApp－从基础到项目实战

第1章课程介绍 4 节 | 45分钟

本章主要介绍课程的知识大纲，学习前提，讲授方式及预期收获，讲解如何搭建 Angular 的开发环境和所需的开发工具。

1-1 课程导学 (13:38)

1-2 框架对比与课前辅导 (08:59)

1-3 环境配置 (08:37)

1-4 开发工具配置 (13:06)

第2章 Angular初探8 节 | 154分钟

本章将快速讲解部分 Angular 基础语法，通过可滚动的顶部 Tab 功能的编写，了解前端组件化的概念及优势。

2-1 CLI 工程结构 (23:55)

2-2 工程源码文件结构 (18:43)

2-3 [初识组件]顶部 TabBar (20:16)

2-4 [接口Interface Flex布局]让顶部导航滚动 (20:00)

2-5 [ngFor指令事件的处理和样式绑定]顶部导航支持选中状态 (13:31)

2-6 [组件封装]分离封装第一个组件 (15:10)

2-7 [ngIf指令组件的输入输出]组件的输入和输出属性 (24:51)

2-8 样式绑定的几种方式 (17:04)

第3章基础知识8 节 | 128分钟

本章精讲 Angular 中的基础知识，包括组件的生命周期、如何在组件类中引用模版、如何引用模版的多个元素、单向绑定双和向绑定、模块的概念、模块的组织等内容，并利用学到的知识打造一个轮播图组件。

3-1 组件生命周期（1） (15:55)

3-2 组件生命周期（2） (13:46)

3-3 在组件类中引用模版 (19:36)

3-4 在模板中引用多个元素 (15:56)

3-5 轮播图组件 (17:16)

3-6 组件的双向绑定 (16:25)

3-7 模块的概念 (12:43)

3-8 模块的划分 (15:25)

第4章进阶知识17 节 | 245分钟

本章深入讲解 Angular 中的进阶知识，包括注解的本质、指令的概念、指令的事件和样式绑定、组件嵌套和投影组件、路由的概念、路由 URL 和参数传递、管道的概念、依赖注入、脏值检测等内容，每个知识点都会有对应的小实战练习以巩固理解。本章实现横向可滚动的网格组件。…

4-1 什么是注解 (15:24)

4-2 指令的概念（1） (13:28)

4-3 指令的概念（2） (14:40)

4-4 组件的事件绑定和样式绑定 (12:14)

4-5 组件嵌套和投影组件（1） (18:12)

4-6 组件嵌套和投影组件（2） (17:04)

4-7 路由概念 (12:56)

4-8 路由实战 (08:25)

4-9 路由 URL 和参数（1） (07:14)

4-10 路由 URL 和参数（2） (16:03)

4-11 路由 URL 和参数下（3） (11:35)

4-12 管道讲解 (21:17)

4-13 依赖注入（1） (21:52)

4-14 依赖注入（2） (14:18)

4-15 脏值检测（1） (13:15)

4-16 脏值检测（2） (11:11)

4-17 脏值检测（3） (15:39)

第5章 HTTP联调8 节 | 121分钟

本章从 Http 的概念讲起，覆盖 Http Request/Response 消息结构、Http 调试工具 Postman 和 RestCient 的使用、Rest API 的概念、Angular 中 HttpClient 的使用、如何使用拦截器简化通用性的请求或响应处理、rxjs 的概念和实战，并使用 rxjs 实现一个倒计时组件。…

5-1 HTTP 概览 (14:49)

5-2 Postman 和 Rest Client 调试 HTTP (16:16)

5-3 Rest API (08:56)

5-4 HttpClient 修改 (21:37)

5-5 Http 拦截器 HttpInterceptor (11:37)

5-6 rxjs 初步了解 (14:23)

5-7 操作符和 Async 管道 (12:53)

5-8 使用 rxjs 打造倒计时组件 (20:15)

第6章实战首页模块/分类模块8 节 | 115分钟

本章正式进入项目实战开发，将带大家完整的实现项目中的首页模块和分类模块，涵盖的功能点包含使用 flex layout 进行固定头部和底部的风格、实现产品卡片组件、产品列表组件、产品瓷砖卡片组件、垂直网格组件等

6-1 创建底部 TabBar（1） (12:29)

6-2 创建底部 TabBar（2） (12:56)