《Angular2开发实战 基于TypeScript》_颜宇、黄金胜译

内容介绍[url=]编辑[/url][url=] 播报[/url]
《Angular 2开发实战 基于TypeScript》帮助熟练使用Angular 1或其他Web框架的开发者掌 握Angular 2的使用。首先从一个在线拍卖应用程序开始，探 索Angular 2是如何工作的。随着学习的深入，将学习如何使 用TypeScript编写能够类型自我感知(type-aware)的类、接口以 及泛型。 [1]

目录[url=]编辑[/url][url=] 播报[/url]
第1章Angular2介绍1
1.1JavaScript框架和库的示例1
1.1.1重量级框架2
1.1.2轻量级框架2
1.1.3库2
1.1.4什么是Node.js4
1.2AngularJS高级概述4
1.3Angular高级概述7
1.3.1简化代码7
1.3.2性能提升12
1.4Angular开发者工具13
1.5如何使用Angular16
1.6在线拍卖示例介绍17
1.7本章小结19
第2章Angular入门20
2.1第一个Angular应用程序20
2.1.1TypeScript版本的HelloWorld21
2.1.2ES5版本的HelloWorld24
2.1.3ES6版本的HelloWorld26
2.1.4启动应用程序27
2.2Angular应用程序的构建块28
2.2.1模块28
2.2.2组件29
2.2.3指令31
2.2.4数据绑定简介32
2.3通用模块加载器SystemJS32
2.3.1模块加载器概览33
2.3.2模块加载器与<script>标签33
2.3.3SystemJS入门34
2.4选择包管理器39
2.4.1对比npm和jspm40
2.4.2使用npm开始一个Angular项目41
2.5动手实践：开始在线拍卖应用程序47
2.5.1初始化项目设置48
2.5.2开发首页49
2.5.3启动在线拍卖应用程序56
2.6本章小结57
第3章使用Angular路由导航58
3.1路由基础58
3.1.1定位策略60
3.1.2客户端导航的构建块61
3.1.3使用navigate()导航到路由67
3.2向路由传递数据69
3.2.1从ActivatedRoute对象中提取参数69
3.2.2传递静态数据给路由72
3.3子路由73
3.4守护路由79
3.5开发一个具有多个路由插座的单页面应用84
3.6将应用程序分解到模块中87
3.7延迟加载模块89
3.8实践：为在线拍卖应用程序添加导航91
3.8.1创建ProductDetailComponent92
3.8.2创建HomeComponent和代码重构93
3.8.3简化ApplicationComponent94
3.8.4将RouterLink添加到ProductItemComponent95
3.8.5修改根模块，添加路由97
3.8.6运行在线拍卖应用程序97
3.9本章小结98
第4章依赖注入99
4.1依赖注入模式和控制反转模式99
4.1.1依赖注入模式100
4.1.2控制反转模式100
4.1.3依赖注入的好处100 [2]
4.2注入器和provider103
4.3使用AngularDI的示例应用程序106
4.3.1注入产品服务106
4.3.2注入Http服务109
4.4轻松切换可注入(组件/对象)110
4.4.1使用useFactory和useValue属性声明providers113
4.4.2使用OpaqueToken116
4.5注入器的层级结构117
4.6实践：在在线拍卖应用程序中使用DI119
4.6.1更改代码，将产品ID作为参数传递122
4.6.2修改ProductDetailComponent122
4.7本章小结126
第5章绑定、observable和管道127
5.1数据绑定127
5.1.1事件绑定128
5.1.2属性绑定和特性绑定129
5.1.3模板中的绑定133
5.1.4双向数据绑定136
5.2响应式编程和observable138
5.2.1什么是observable和观察者139
5.2.2observable事件流141
5.2.3取消observables145
5.3管道148
5.4实践：在线拍卖应用程序中
产品的过滤功能151
5.5本章小结154
第6章实现组件通信156
6.1组件间通信156
6.1.1输入和输出属性157
6.1.2Mediator模式163
6.1.3使用ngContent在运行时修改模板167
6.2组件生命周期172
6.3变更检测高级概述178
6.4如何暴露子组件中的API180
6.5实践：为在线拍卖应用程序添加评分功能182
6.6本章小结189
第7章使用表单190
7.1HTML表单概述191
7.1.1标准浏览器功能191
7.1.2AngularFormsAPI193
7.2模板驱动表单194
7.2.1指令概述194
7.2.2丰富HTML表单196
7.3响应式表单198
7.3.1表单模型198
7.3.2表单指令199
7.3.3重构示例表单203
7.3.4使用FormBuilder204
7.4表单验证205 [2]
7.5动手实践：给搜索表单添加验证214
7.5.1修改根模块以添加FormsAPI支持214
7.5.2将一个类别列表添加到SearchComponent215
7.5.3创建表单模型216
7.5.4重构模板216
7.5.5实现onSearch()方法218
7.5.6启动在线拍卖应用程序218
7.6本章小结218
第8章使用HTTP和WebSocket与服务器交互219
8.1简述Http对象的API219
8.2使用Node和TypeScript创建Web服务器222
8.2.1创建一台简单的Web服务器222
8.2.2提供JSON225
8.2.3TypeScript实时重新编译与代码重新加载226
8.2.4添加提供产品的RESTfulAPI227
8.3将Angular与Node结合在一起229
8.3.1服务器上的静态资源229
8.3.2使用Http对象进行GET请求232
8.3.3在模板中使用AsyncPipe展开observables234
8.3.4将HTTP注入到服务中235
8.4通过WebSocket进行客户端-服务器通信239
8.4.1从Node服务器推送数据239
8.4.2将WebSocket转换成observable243
8.5动手实践：实现产品搜索和出价通知249
8.5.1使用HTTP实现产品搜索250
8.5.2使用WebSocket广播拍卖出价254
8.6本章小结258
第9章Angular应用程序单元测试259
9.1了解Jasmine260
9.1.1测试什么262
9.1.2如何安装Jasmine262
9.2Angular测试库都包括了什么264
9.2.1测试服务265
9.2.2使用路由测试导航266
9.2.3测试组件267
9.3测试天气示例应用程序267
9.3.1配置SystemJS269
9.3.2测试天气路由270
9.3.3测试天气服务272
9.3.4天气测试组件275
9.4使用Karma运行测试278
9.5实践：在线拍卖应用程序单元测试281
9.5.1测试ApplicationComponent283
9.5.2测试ProductService283
9.5.3测试StarsComponent284
9.5.4运行测试287
9.6本章小结288
第10章使用Webpack打包并部署应用程序289
10.1了解Webpack291
10.1.1使用Webpack的HelloWorld292
10.1.2如何使用加载器296
10.1.3如何使用插件300
10.2为Angular创建基本的Webpack配置300
10.2.1npmrunbuild303
10.2.2npmstart305
10.3创建开发和生产配置305
10.3.1开发(环境)配置306
10.3.2生产(环境)配置307
10.3.3自定义的类型定义文件309
10.4AngularCLI概述312
10.4.1用AngularCLI启动新项目312
10.4.2CLI命令313
10.5动手实践：使用Webpack部署在线拍卖应用程序314
10.5.1启动Node服务器315
10.5.2启动在线拍卖应用程序的客户端316
10.5.3使用Karma运行测试319
10.6本章小结322
附录AECMAScript6概述323
附录B作为Angular应用程序语言的TypeScript362 [2]