Angular 2开发实战 基于TypeScript

图书标准信息

• 作者 [美]Yakov Fain Anton Moiseev 著 颜宇 黄金胜
• 出版社 清华大学出版社
• 出版时间 2018-01
• 版次 1
• ISBN 9787302487159
• 定价 79.80元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 392页
• 字数 573千字

【内容简介】

《Angular 2开发实战 基于TypeScript》帮助熟练使用Angular 1或其他Web框架的开发者掌
  握Angular 2的使用。首先从一个在线拍卖应用程序开始，探
  索Angular 2是如何工作的。随着学习的深入，将学习如何使
  用TypeScript编写能够类型自我感知(type-aware)的类、接口以
  及泛型。《Angular 2开发实战 基于TypeScript》注重实践，涵盖了在真实应用场景中进行开发
  所需要关注的问题，例如数据和视图、用户与表单的交互、
  与服务器端通信以及如何测试和部署Angular 2应用程序。
  主要内容
  ◆ 设计和构建模块化的应用程序
  ◆ 将TypeScript转码为目前通用的JavaScript
  ◆ 使用现代的JavaScript工作流工具，例如npm、Karma和
  Webpack
  《Angular 2开发实战 基于TypeScript》适用于具备JavaScript开发经验的中级Web开发人
  员，并不要求读者具备TypeScript或AngularJS使用经验。

【作者简介】

作者简介　　Yakov Fain和Anton Moiseev都是具备丰富Web应用程序开发经验的资深开发者，Yakov拥有Java Champion称号，曾经出版了软件开发领域的多本书籍

【目录】

 

目 录

 

第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 模块加载器与标签 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