资源名称:迈向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
资源截图: