资源名称:迈向Angular 2:基于Typescript的高性能SPA框架

内容简介:

《迈向Angular 2:基于Typescript的高性能SPA框架》由Angular之父Miško Hevery作序,作者为Angular开发团队成员之一。基于对Angular 2架构和设计方面的深入理解,《迈向Angular 2:基于Typescript的高性能SPA框架》选材精准、内容实用。《迈向Angular 2:基于Typescript的高性能SPA框架》从一个小例子开始引导读者快速上手,详细介绍Angular 2带来的所有新特性,包括组件、指令、Typescript、新的路由机制、管道、服务端渲染等。《迈向Angular 2:基于Typescript的高性能SPA框架》读者对象包括Angular 1.x的开发者、想直接从Angular 2开始入手的学习者,以及前端技术架构师等。

资源目录:

序言XV

第1章 Angular 2快速上手1

Web的进化——新框架时代2

ECMAscript的进化2

Web Component3

WebWorker4

从AngularJS 1.x中学到的经验5

Controller6

Scope7

依赖注入7

服务端渲染8

大规模应用9

模板10

脏值检测12

本章小结12

第2章 Augular 2应用的基础构件14

Angular 2概念性简介15

脏值检测17

认识Angular 2中的组件19

组件实战20

Angular 2中的组件22

管道23

定义管道24

脏值检测25

传统的脏值检测26

AngularJS 1.x中的脏值检测27

增强AngularJS 1.x的脏值检测29

理解服务30

理解新的基于组件的路由机制33

Angular 2中定义路由的语法35

本章小结36

第3章 Typescript速成37

Typescript简介37

编译时类型检查38

文本编辑器和IDE的支持更好38

Typescript的更多特性39

Typescript用法39

用npm安装Typescript40

运行我们的第一个Typescript程序40

Typescript从ES2015和ES2016中引入的语法和特性41

ES2015中的箭头函数41

使用ES2015和ES2016中的类43

定义在块级作用域中可见的变量45

使用ES2016装饰器进行元编程46

使用可配置的装饰器47

使用ES2015编写模块化的代码48

使用ES2015中的模块语法49

利用隐式异步行为50

使用别名50

导入所有导出的模块50

默认导出51

ES2015模块加载器52

ES2015和ES2016总结52

发挥静态类型的优势53

使用显式类型定义53

理解原生类型54

理解Object类型55

定义类58

使用访问修饰符59

定义接口61

使用Typescript装饰器提升表现力64

使用类型参数编写泛型代码64

使用泛型函数66

多重泛型66

利用Typescript的类型推断机制简化代码67

最常见的类型67

与上下文有关的类型推断68

使用外部类型定义68

使用预定义的外部类型定义68

自定义外部类型70

定义ts.d文件72

本章小结72

第4章 Angular 2组件和指令入门74

Angular 2 Hello world!75

配置开发环境78

初始化项目仓库78

Angular 2和Typescript上手试玩79

首页代码深度解析80

Angular 2指令用法81

ngFor 指令83

改进了指令语法的语义83

在模板内部定义变量85

在模板里面使用语法糖85

定义Angular 2指令85

设置指令的输入87

理解指令的构造函数87

封装指令的更好方式88

Angular 2内置指令的用法89

组件视图封装简介90

实现组件的控制器90

处理用户交互92

指令的输入和输出93

找到指令的输入和输出94

定义组件的输入和输出95

传递输入与使用输出结果97

事件冒泡99

重命名指令的输入与输出100

定义输入输出参数的另一种语法101

详解Angular 2中的内容投影102

Angular 2中的内容投影入门102

投射多块内容103

组件嵌套105

ViewChildren和ContentChildren的用法106

ViewChild与ContentChild108

挂钩到组件的生命周期上112

执行的顺序114

用TemplateRef定义通用视图115

理解并优化脏值检测机制118

脏值检测器的执行顺序118

脏值检测策略120

利用不可变数据和OnPush策略提升性能121

在Angular中使用不可变数据结构122

本章小结124

第5章 Angular 2中的依赖注入125

为什么要依赖注入?125

Angular 2中的依赖注入126

Angular 2中DI的优点127

配置注射器127

使用生成的元数据解析依赖关系129

初始化注射器129

前向引用简介130

配置provider132

定义实例化服务的工厂134

子注射器以及可见性136

构建注射器层级结构137

配置依赖关系138

在组件和指令中使用DI144

元素注射器简介145

在ES5中使用Angular的DI机制149

本章小结152

第6章 Angular 2中的路由和表单153

开发一个名为“码农仓库”的应用153

探索Angular 2中的路由156

定义根组件并启动应用157

PathLocationStrategy的用法158

使用@RouteConfig配置路由158

routerLink 和router-outlet的用法160

利用AsyncRoute实现懒加载162

Angular 2中的表单用法164

开发模板驱动型表单164

深入理解模板驱动型表单的标签结构166

使用内置的表单校验器168

自定义控件的校验器169

在Angular中使用select输入项171

NgForm指令的用法173

Angular 2中的双向数据绑定176

存储表单数据178

显示存储的所有开发者列表180

本章小结181

第7章 详解管道以及与RESTful服务端之间的通信183

在Angular 2中开发数据模型驱动型表单183

使用控件校验器组合187

探索Angular的HTTP模块189

使用Angular的HTTP模块191

定义参数化视图193

定义嵌套路由195

使用管道进行数据转换198

开发无状态管道199

使用Angular内置的管道200

开发有状态管道201

有状态管道的用法203

Angular中AsyncPipe的用法204

本章小结206

第8章 开发体验与服务端渲染208

在Web Worker中运行应用208

WebWorker与Angular 2210

启动基于WebWorker的应用210

把应用迁移到Web Worker上212

让应用兼容Web Worker214

单页应用的加载过程216

启用了服务端渲染的SPA的加载过程219

Angular 2中的服务端渲染220

改善开发体验221

各种文本编辑器和IDE221

热重载222

用angular-cli初始化项目223

angular-cli的用法223

Angular 2快速上手项目224

Angular 2种子项目224

针对Webpack的Angular 2入门项目225

本章小结225

资源截图:

迈向Angular 2:基于Typesc ript的高性能SPA框架