第1章 课程介绍

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

•  1-1 课程导学试看
•  1-2 框架对比与课前辅导
•  1-3 环境配置
•  1-4 开发工具配置

第2章 Angualr初探

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

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

第3章 基础知识

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

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

第4章 进阶知识

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

•  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）

第5章 HTTP联调

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

第6章 实战首页模块/分类模块

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

第7章 实战产品模块/个人模块

本章和大家一起开发产品模块和个人模块，涵盖的功能点包含产品详情组件、拼单列表组件、价格区块组件、对话框的原理和实现、产品规格组件、确认订单组件实战和个人模块实战等。本章还会给大家讲解 Angular 表单基础知识。...

第8章 发布上线

本章将以实际工作中的经验给大家讲解不同的环境、环境的管理、软件的打包、部署到 Nginx 服务器、使用懒加载和 ivy 优化性能和速度。最后会对课程做一个总结以及给大家进一步学习的一些建议。