邁向 Angular 2：基於 TypeScript 的高性能 SPA 框架

內容描述

<內容簡介>
本書由Angular之父Mi?ko Hevery作序，作者為Angular開發團隊成員之一。基於對Angular 2架構和設計方面的深入理解，本書選材精準、內容實用。全書從一個小例子開始引導讀者快速上手，詳細介紹Angular 2帶來的所有新特性，包括組件、指令、TypeScript、新的路由機制、管道、服務端渲染等。本書讀者對象包括Angular 1.x的開發者、想直接從Angular 2開始入手的學習者，以及前端技術架構師等。

<章節目錄>
序言XV
第1章Angular 2快速上手1
Web的進化——新框架時代2
ECMAScript的進化2
Web Component 3
WebWorker 4
從AngularJS 1.x中學到的經驗5
Controller 6
Scope 7
依賴註入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安裝TypeScript 40
運行我們的第一個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與ContentChild 108
掛鉤到組件的生命週期上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
配置provider 132
定義實例化服務的工廠134
子註射器以及可見性136
構建註射器層級結構137
配置依賴關係138
在組件和指令中使用DI 144
元素註射器簡介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 2 210
啟動基於WebWorker的應用210
把應用遷移到Web Worker上212
讓應用兼容Web Worker 214
單頁應用的加載過程216
啟用了服務端渲染的SPA的加載過程219
Angular 2中的服務端渲染220
改善開發體驗221
各種文本編輯器和IDE 221
熱重載222
用angular- cli初始化項目223
angular-cli的用法223
Angular 2快速上手項目224
Angular 2種子項目224
針對Webpack的Angular 2入門項目225
本章小結225