Angular2开发实战

《Angular 2开发实战：基于TypeScript》帮助熟练使用Angular 1或其他Web框架的开发者掌握Angular 2的使用。首先从一个在线拍卖应用程序开始，探索Angular 2是如何工作的。随着学习的深入，将学习如何使用TypeScript编写能够类型自我感知(type-aware)的类、接口以及泛型。《Angular 2开发实战：基于TypeScript》注重实践，涵盖了在真实应用场景中进行开发所需要关注的问题，例如数据和视图、用户与表单的交互、与服务器端通信以及如何测试和部署Angular 2应用程序。

Yakov Fain，Farata Systems和SuranceBay公司的联合创始人。其中，Farata Systems是一家IT咨询公司。Yakov责培训部门，在优选范围内教授Angular和Java workshop。SuranceBay是一家产品公司，致力于自动化美国境内保险行业的各种工作流，提供使用软件即服务(Soflware as a Service，SaaS)的应用程序。Yakov在其中管理多个项目。

第1章 Angular 2介绍 1
1.1 JavaScript框架和库的示例1
1.1.1 重量级框架 2
1.1.2 轻量级框架 2
1.1.3 库 2
1.1.4 什么是Node.js 4
1.2 AngularJS高级概述4
1.3 Angular高级概述 7
1.3.1 简化代码 7
1.3.2 性能提升 12
1.4 Angular开发者工具 13
1.5 如何使用Angular 16
1.6 在线拍卖示例介绍 17
1.7 本章小结 19
第2章 Angular入门 20
2.1 第一个Angular应用程序 20
2.1.1 TypeScript版本的Hello World 21
2.1.2 ES5版本的Hello World 24
2.1.3 ES6版本的Hello World 26
2.1.4 启动应用程序 27
2.2 Angular应用程序的构建块 28
2.2.1 模块 28
2.2.2 组件 29
2.2.3 指令 31
2.2.4 数据绑定简介 32
2.3 通用模块加载器SystemJS 32
2.3.1 模块加载器概览 33
2.3.2 模块加载器与＜script＞标签 33
2.3.3 SystemJS入门 34
2.4 选择包管理器 39
2.4.1 对比npm和jspm 40
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 创建ProductDetailComponent 92
3.8.2 创建HomeComponent和代码重构 93
3.8.3 简化ApplicationComponent 94
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
4.2 注入器和provider 103
4.3 使用Angular DI的示例应用程序 106
4.3.1 注入产品服务 106
4.3.2 注入Http服务 109
4.4 轻松切换可注入(组件/对象) 110
4.4.1 使用useFactory和useValue属性声明providers 113
4.4.2 使用OpaqueToken 116
4.5 注入器的层级结构 117
4.6 实践：在在线拍卖应用程序中使用DI 119
4.6.1 更改代码，将产品ID作为参数传递 122
4.6.2 修改ProductDetailComponent 122
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 响应式编程和observable 138
5.2.1 什么是observable和观察者 139
5.2.2 observable事件流 141
5.2.3 取消observables 145
5.3 管道 148
5.4 实践：在线拍卖应用程序中
产品的过滤功能 151
5.5 本章小结 154
第6章 实现组件通信 156
6.1 组件间通信 156
6.1.1 输入和输出属性 157
6.1.2 Mediator模式 163
6.1.3 使用ngContent在运行时修改模板 167
6.2 组件生命周期 172
6.3 变更检测高级概述 178
6.4 如何暴露子组件中的API 180
6.5 实践：为在线拍卖应用程序添加评分功能 182
6.6 本章小结 189
第7章使用表单 190
7.1 HTML表单概述191
7.1.1 标准浏览器功能 191
7.1.2 Angular Forms API 193
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 使用FormBuilder 204
7.4 表单验证 205
7.5 动手实践：给搜索表单添加验证 214
7.5.1 修改根模块以添加Forms API支持 214
7.5.2 将一个类别列表添加到SearchComponent 215
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对象的API 219
8.2 使用Node和TypeScript创建Web服务器 222
8.2.1 创建一台简单的Web服务器 222
8.2.2 提供JSON 225
8.2.3 TypeScript实时重新编译与代码重新加载 226
8.2.4 添加提供产品的RESTful API 227
8.3 将Angular与Node结合在一起 229
8.3.1 服务器上的静态资源 229
8.3.2 使用Http对象进行GET请求 232
8.3.3 在模板中使用AsyncPipe展开observables 234
8.3.4 将HTTP注入到服务中 235
8.4 通过WebSocket进行客户端-服务器通信 239
8.4.1 从Node服务器推送数据 239
8.4.2 将WebSocket转换成observable 243
8.5 动手实践：实现产品搜索和出价通知 249
8.5.1 使用HTTP实现产品搜索 250
8.5.2 使用WebSocket广播拍卖出价 254
8.6 本章小结 258
第9章 Angular应用程序单元测试 259
9.1 了解Jasmine 260
9.1.1 测试什么 262
9.1.2 如何安装Jasmine 262
9.2 Angular测试库都包括了什么 264
9.2.1 测试服务 265
9.2.2 使用路由测试导航 266
9.2.3 测试组件 267
9.3 测试天气示例应用程序 267
9.3.1 配置SystemJS 269
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 测试ProductService 283
9.5.3 测试StarsComponent 284
9.5.4 运行测试 287
9.6 本章小结 288
第10章 使用Webpack打包并部署应用程序 289
10.1 了解Webpack 291
10.1.1 使用Webpack的Hello World 292
10.1.2 如何使用加载器 296
10.1.3 如何使用插件 300
10.2 为Angular创建基本的Webpack 配置 300
10.2.1 npm run build 303
10.2.2 npm start 305
10.3 创建开发和生产配置 305
10.3.1 开发(环境)配置 306
10.3.2 生产(环境)配置 307
10.3.3 自定义的类型定义文件309
10.4 Angular CLI概述312
10.4.1 用Angular CLI启动新项目 312
10.4.2 CLI命令313
10.5 动手实践：使用Webpack 部署在线拍卖应用程序 314
10.5.1 启动Node服务器 315
10.5.2 启动在线拍卖应用程序的客户端 316
10.5.3 使用Karma运行测试 319
10.6 本章小结 322
附录A ECMAScript 6概述 323
附录B 作为Angular应用程序语言的TypeScript 362