Angular编程

Web应用程序的功能越来越丰富、用户体验越来越好，随之而来的，是前端开发人员变得越来越受欢迎。
经验丰富的前端开发人员知道，合适的前端框架能够帮助自己提高工作效率，编写出高性能且容易使用的Web应用程序。在前端开发的世界中，Angular是一个非常出色的框架，目前由Google提供支持。
关于Angular，有一个小故事。Angular的前身是AngularJS，而AngularJS的前身称作GetAngular，那是一个由Mi?ko Hevery和Adam Abrons在工作之余开发的项目。在项目开发期间，Hevery已经就职于Google，并负责Google Feedback项目。经历了6个月的开发后，该项目的代码超过17 000行，这让Hevery感到非常沮丧。他想到了GetAngular，认为这个框架能够为Google Feedback项目提供很大的帮助。于是，他找到自己的经理，请求用AngularJS重写项目，并打赌说自己能够在两周内重写整个项目。尽管他输掉了赌局(因为他终用了3周而不是2周)，但项目的代码量从近两万行锐减到1500行。也正因如此，Google才对GetAngular产生了浓厚的兴趣，并终将其纳入自己的产品体系，更名为AngularJS。
从这个小故事可以看出，Angular能够显著降低Web应用程序的代码量，进而提高开发人员的生产效率、加快项目的开发进度。这种优势源于Angular提供的多种功能，例如依赖注入、双向数据绑定、采用指令等。而且，Angular是使用TypeScript构建的，这是JavaScript的超集，提供了对强类型的支持，使得前端开发工作变得更加简单。不仅如此，Angular的更新相当迅速，每个新的主版本都带来不小的改进，使这个框架依然保持着旺盛的生命力。
综上可知，对于有志于转向前端的开发人员，Angular是一个上佳的选择，而《Angular高级编程(第4版)》则可作为学习Angular的指路明灯，帮助读者从基础功能到高级功能，了解Angular开发的方方面面。
《Angular高级编程(第4版)》分为三部分。第Ⅰ部分讲解Angular开发的基础知识，对HTML、CSS、JavaScript和TypeScript也进行了介绍，确保对前端开发一无所知的读者，也能够快速上手。本部分后还开发了一个简单的Web应用程序，帮助读者巩固基础知识。第Ⅱ部分详细讲解Angular，内容涵盖项目结构、开发工具、数据绑定、各种指令、事件和表单、管道、服务、服务提供程序、模块等。这部分是大全式讲解，对Angular的主要功能都进行了介绍。第Ⅲ部分更偏向较高级的功能，介绍了Reactive Extensions、HTTP请求、路由、动画和单元测试。
《Angular高级编程(第4版)》内容全面详细，并且通过大量代码示例和屏幕截图来演示概念和功能，理解起来比较轻松。相信读者在阅读完《Angular高级编程(第4版)》后，一定会有丰厚的收获。希望这本书能够为读者成为优秀的前端开发人员助力！
 
译者   

主要内容

● 从架构的角度理解MVC模式

● 使用Angular创建丰富、动态的Web应用程序客户端

● 使用ng工具构建Angular项目

● 扩展和自定义Angular

● 如何对Angular项目进行单元测试

Adam Freeman是一位经验丰富的IT专业人士，在多家公司担任过高级职位，还曾担任一家全球银行的首席技术官和首席运营官。退休之后，他热衷于写作和长跑。

第Ⅰ部分  Angular基础知识
第1章  准备工作   3
1.1  需要了解什么   3
1.2  本书结构   3
1.2.1  第Ⅰ部分：Angular基础知识   3
1.2.2  第Ⅱ部分：Angular详解   4
1.2.3  第Ⅲ部分：Angular高级功能   4
1.3  本书不介绍什么   4
1.4  Angular开发需要什么软件   4
1.5  如何设置开发环境   4
1.6  学习示例时遇到问题怎么办   4
1.7  如果在书中发现错误怎么办   5
1.8  大量示例   5
1.9  获取示例代码   6
1.10  联系作者   6
1.11  如果你真的很喜欢这本书   7
1.12  如果你不喜欢这本书   7
1.13  本章小结   7
第2章  个Angular应用程序   9
2.1  准备开发环境   9
2.1.1  安装Node.js   9
2.1.2  安装angular-cli包   10
2.1.3  安装编辑器   11
2.1.4  安装浏览器   11
2.2  创建并准备项目   11
2.2.1  创建项目   11
2.2.2  启动开发工具   12
2.3  向项目中添加Angular功能   13
2.3.1  创建数据模型   14
2.3.2  向用户显示数据   16
2.3.3  更新组件   17
2.3.4  设置HTML元素的样式   20
2.3.5  显示待办事项列表   21
2.3.6  创建双向数据绑定   24
2.3.7  添加待办事项   26
2.3.8  显示完成的待办事项   29
2.4  本章小结   31
第3章  将Angular放在上下文中   33
3.1  理解Angular的强项   33
3.2  比较Angular、React和Vue.js   34
3.3  理解MVC模式   35
3.3.1  理解模型   36
3.3.2  理解控制器/组件   37
3.3.3  理解视图/模板   38
3.4  理解RESTful服务   38
3.5  常见的设计缺陷   39
3.5.1  将逻辑放错地方   40
3.5.2  数据存储采用的数据格式   40
3.5.3  足够的知识足以制造麻烦   40
3.6  本章小结   40
第4章  HTML和CSS入门   43
4.1  准备示例项目   43
4.2  理解HTML   45
4.2.1  理解空元素   45
4.2.2  理解属性   45
4.2.3  应用无值属性   46
4.2.4  在属性中引用字面量   46
4.2.5  理解元素内容   46
4.2.6  理解文档结构   47
4.3  理解Bootstrap   48
4.3.1  应用基本的Bootstrap类   48
4.3.2  使用Bootstrap样式化表格   51
4.3.3  使用Bootstrap创建表单   52
4.3.4  使用Bootstrap创建网格   53
4.4  本章小结   58
第5章  JavaScript与TypeScript：第1部分   59
5.1  准备示例项目   60
5.2  使用语句   61
5.3  定义和使用函数   62
5.3.1  定义带形参的函数   63
5.3.2  定义返回结果的函数   64
5.3.3  将函数用作其他函数的实参   64
5.4  使用变量和类型   65
5.4.1  使用变量闭包   67
5.4.2  使用基本数据类型   67
5.5  使用JavaScript操作符   69
5.5.1  使用条件语句   69
5.5.2  相等操作符和恒等操作符   70
5.5.3  显式类型转换   71
5.6  处理数组   72
5.6.1  使用数组字面量   73
5.6.2  数组内容的读取和修改   73
5.6.3  遍历数组内容   73
5.6.4  spread操作符   74
5.6.5  使用内置数组方法   75
5.7  本章小结   76
第6章  JavaScript与TypeScript：第2部分   77
6.1  准备示例项目   77
6.2  使用对象   78
6.2.1  使用对象字面量   78
6.2.2  将函数用作方法   79
6.2.3  定义类   79
6.3  处理JavaScript模块   82
6.4  有用的TypeScript特性   86
6.4.1  使用类型注解   86
6.4.2  使用元组   90
6.4.3  使用可索引类型   91
6.4.4  使用访问修饰符   91
6.5  本章小结   92
第7章  SportsStore：一个真实的应用程序   93
7.1  准备项目   93
7.1.1  安装额外的NPM软件包   94
7.1.2  准备RESTful Web服务   95
7.1.3  准备HTML文件   97
7.1.4  创建文件夹结构   97
7.1.5  运行示例应用程序   98
7.1.6  启动RESTful Web服务   98
7.2  准备Angular项目功能   98
7.2.1  更新根组件   98
7.2.2  更新根模块   99
7.2.3  检查引导文件   100
7.3  启动数据模型   100
7.3.1  创建模型类   100
7.3.2  创建虚拟数据源   101
7.3.3  创建模型存储库   102
7.3.4  创建功能模块   103
7.4  启动商店   103
7.4.1  创建Store组件和模板   104
7.4.2  创建商店功能模块   105
7.4.3  更新根组件和根模块   106
7.5  添加商店功能：产品详情   107
7.5.1  显示产品详情   107
7.5.2  添加类别选择   108
7.5.3  添加产品分页功能   110
7.5.4  创建自定义指令   112
7.6  本章小结   116
第8章  SportsStore：订单和结账   117
8.1  准备示例应用程序   117
8.2  创建购物车   117
8.2.1  创建购物车模型   117
8.2.2  创建购物车概览组件   119
8.2.3  将购物车集成到商店中   120
8.3  添加URL路由   123
8.3.1  创建购物车详情和结账组件   124
8.3.2  创建和应用路由配置   124
8.3.3  应用程序导航   126
8.3.4  路由守卫   128
8.4  完成购物车详情功能   130
8.5  处理订单   133
8.5.1  扩展模型   133
8.5.2  收集订单详情   135
8.6  使用RESTful Web服务   138
8.7  本章小结   140
第9章  SportsStore：管理   141
9.1  准备示例应用程序   141
9.1.1  创建模块   141
9.1.2  配置URL路由系统   144
9.1.3  导航到管理URL   145
9.2  实现身份验证   146
9.2.1  理解身份验证系统   146
9.2.2  扩展数据源   147
9.2.3  创建身份验证服务   148
9.2.4  启用身份验证   149
9.3  扩展数据源和存储库   151
9.4  创建管理功能结构   155
9.4.1  创建占位符组件   155
9.4.2  准备常用内容和功能模块   156
9.4.3  实现产品功能   158
9.4.4  实现订单功能   162
9.5  本章小结   164
第10章  SportsStore：渐进式特性和部署   165
10.1  准备示例应用程序   165
10.2  添加渐进式特性   165
10.2.1  安装PWA包   165
10.2.2  缓存数据URL   166
10.2.3  响应对连接的更改   167
10.3  为部署准备应用程序   169
10.3.1  创建数据文件   169
10.3.2  创建服务器   169
10.3.3  更改存储库类中的Web服务URL   171
10.4  构建和测试应用程序   172
10.5  将SportsStore应用程序容器化   174
10.5.1  安装Docker   174
10.5.2  准备应用程序   174
10.5.3  创建Docker容器   174
10.5.4  运行应用程序   175
10.6  本章小结   177

第Ⅱ部分  Angular详解
第11章  理解Angular项目和工具   181
11.1  创建新的Angular项目   181
11.2  了解项目结构   182
11.2.1  了解src文件夹   183
11.2.2  了解包文件夹   184
11.3  使用开发工具   187
11.3.1  了解开发HTTP服务器   187
11.3.2  了解构建过程   188
11.3.3  使用linter   192
11.4  理解Angular应用程序是如何工作的   194
11.4.1  理解HTML文档   194
11.4.2  理解应用程序引导   195
11.4.3  理解Angular根模块   196
11.4.4  理解Angular组件   197
11.4.5  理解内容显示   197
11.5  了解生产构建过程   199
11.5.1  了解预编译   199
11.5.2  了解差异加载   199
11.5.3  运行生产构建   201
11.6  在Angular项目中开始开发   201
11.6.1  创建数据模型   201
11.6.2  创建组件和模板   205
11.6.3  配置根Angular模块   206
11.7  本章小结   207
第12章  使用数据绑定   209
12.1  准备示例项目   210
12.2  理解单向数据绑定   210
12.2.1  理解绑定目标   212
12.2.2  理解表达式   213
12.2.3  理解括号   214
12.2.4  理解宿主元素   214
12.3  使用标准属性和属性绑定   215
12.3.1  使用标准属性绑定   215
12.3.2  使用字符串插入绑定   216
12.3.3  使用元素属性绑定   217
12.4  设置CSS类和样式   218
12.4.1  使用类绑定   218
12.4.2  使用样式绑定   223
12.5  更新应用程序的数据   226
12.6  本章小结   228
第13章  使用内置指令   229
13.1  准备示例项目   230
13.2  使用内置指令   231
13.2.1  使用ngIf指令   232
13.2.2  使用ngSwitch指令   234
13.2.3  使用ngFor指令   236
13.2.4  使用ngTemplateOutlet指令   244
13.3  理解单向数据绑定的限制   246
13.3.1  使用幂等表达式   246
13.3.2  理解表达式上下文   249
13.4  本章小结   251
第14章  使用事件和表单   253
14.1  准备示例项目