揭秘 Angular 2 揭秘Angular 2

《揭秘Angular 2》第一部分從前端的故事起點說起，然後對Angular以及TypeScript進行了簡單的介紹，接著通過一個通訊錄例子讓讀者快速入門Angular的開發；第二部分則深入講解了Angular架構以及Angular核心內容，包括組件、模板、指令、服務、依賴註入、路由以及測試，此外，在相應的章節裡還補充說明瞭譬如變化監測的核心Zones（第6章）、雙向綁定的原理（第7章）、RxJS（第9章）等關鍵內容；第三部分則通過問捲調查系統來指引讀者進行Angular項目的實戰。

第一部分入門篇

第1章 前端風雲
1.1故事的起點
1.2 AJAX王者歸來
1.3工具庫的流行
1.4百家爭鳴
1.5走進前端新時代
1.6小結

第2章 Angular簡介
2.1歷史回顧
2.1.1 AngularJS 1.x起源
2.1.2 AngularJS 1.x迭代之路
2.1.3初生的Angular 2
2.1.4快速發展的Angular 2
2.1.5開發語言之選
2.2 Angular 2簡述
2.2.1核心概念
2.2.2平臺簡介
2.2.3平臺亮點
2.3小結

第3章 TypeScript入門
3.1 TypeScript概述
3.1.1概述
3.1.2安裝
3.2基本類型
3.2.1布爾類型
3.2.2數字類型
3.2.3字符串類型
3.2.4數組類型
3.2.5元組類型
3.2.6枚舉類型
3.2.7任意值類型
3.2.8 null和undefined
3.2.9 void類型
3.2.10 never類型
3.3聲明和解構
3.3.1 let聲明
3.3.2 const聲明
3.3.3解構
3.4函數
3.4.1函數定義
3.4.2可選參數
3.4.3默認參數
3.4.4剩餘參數
3.4.5函數重載
3.4.6箭頭函數
3.5類
3.5.1類的例子
3.5.2繼承與多態
3.5.3修飾符
3.5.4參數屬性
3.5.5靜態屬性
3.5.6抽像類
3.6模塊
3.6.1概述
3.6.2模塊導出方式
3.6.3模塊導入方式
3.6. 4模塊的默認導出
3.6.5模塊設計原則
3.7接口
3.7.1概述
3.7.2屬性類型接口
3.7.3函數類型接口
3.7.4可索引類型接口
3.7.5類類型接口
3.7.6接口擴展
3.8裝飾器
3.8.1概述
3.8.2方法裝飾器
3.8.3類裝飾器
3.8.4參數裝飾器
3.8.5屬性裝飾器
3.8.6裝飾器組合
3.9泛型
3.10 TypeScript周邊
3.10.1編譯配置文件
3.10.2聲明文件
3.10.3編碼工具
3.10.4展望未來
3.11小結

第4章 快速入門
4.1 Hello World例子
4.1.1準備工作
4.1.2搭建步驟
4.2通訊錄例子
4.2.1背景介紹
4.2.2架構設計
4.3小結

第二部分深入篇

第5章 Angular架構總覽
5.1核心模塊介紹
5.1.1組件
5.1.2模板
5.1.3指令
5.1.4服務
5.1.5依賴註入
5.1.6路由
5.2應用模塊
5.3源碼結構介紹
5.4小結

第6章 組件
6.1概述
6.1.1模塊化介紹
6.1.2組件化標準
6.1.3 Angular的組件
6.2組件基礎
6.2.1創建組件的步驟
6.2. 2組件基礎構成
6.2.3組件與模塊
6.3組件交互
6.3.1組件的輸入輸出屬性
6.3.2父組件向子組件傳遞數據
6.3.3子組件向父組件傳遞數據
6.3.4其他組件交互方式
6.4組件內容嵌入
6.5組件生命週期
6.5.1概述
6.5.2生命週期鉤子
6.6變化監測
6.6.1數據變化的源頭
6.6.2變動通知機制
6.6.3變化監測的響應處理
6.7擴展閱讀
6.7.1元數據一覽表
6.7.2元數據說明
6.7.3深入理解Zones
6.8小結
 
第7章 模板
7.1模板語法概覽
7.2數據綁定
7.2.1概述
7.2.2插值
7.2.3模板表達式
7.2.4屬性綁定
7.2.5事件綁定
7.2.6雙向數據綁定
7.2 .7輸入和輸出屬性
7.3內置指令
7.3.1 NgClass
7.3.2 NgStyle
7.3.3 NgIf
7.3.4 NgSwitch
7.3.5 NgFor
7.4表單
7.4.1模板表單例子
7.4.2表單指令
7.4.3自定義表單樣式
7.4.4表單校驗
7.5管道
7.5.1管道介紹
7.5.2內置管道
7.5.3自定義管道
7.5.4管道的變化監測
7.6擴展閱讀
7.6.1安全導航操作符
7.6.2雙向綁定的原理
7.7小結

第8章 指令
8.1概述
8.1.1指令分類
8.1.2內置指令
8.2自定義屬性指令
8.2.1實現屬性指令
8.2.2為指令綁定輸入
8.2.3響應用戶操作
8.3自定義結構指令
8.3.1實現結構指令
8.3.2模板標籤與星號前綴
8.3.3 NgIf指令原理
8.4擴展閱讀
8.5小結

第9章 服務與RxJS
9.1 Angular服務
9.1.1概述
9.1.2使用場景
9.2 http服務
9.2 .1 AJAX介紹
9.2.2 JSONP介紹
9.2.3 htt pModule
9.3響應式編程
9.3.1概述
9.3.2 ReactiveX
9.4 RxJS
9.4.1創建Observable對象
9.4.2使用RxJS處理複雜場景
9.4.3 RxJS和Promise的對比
9.4.4 “冷”模式下的Observable
9.4.5 RxJS中的Operator
9.4.6 Angular中的RxJS
9.5小結

第10章 依賴註入
10.1依賴註入介紹
10.2 Angular依賴註入
10.2.1概述
10.2.2在組件中註入服務
10.2.3在服務中註入服務
10.2.4在模塊中註入服務
10.2.5層級註入
10.2.6註入到派生組件
10.2.7限定方式的依賴註入
10.3 Provider
10.3.1概述
10.3.2 Provider註冊方式
10.4擴展閱讀
10.5小結

第11章 路由
11.1概述
11.2基本用法
11.2.1路由配置
11.2.2創建根路由模塊
11.2.3添加RouterOutlet指令
11.3路由策略
11.3.1 HashLocationStrategy介紹
11.3.2 PathLocationStrategy介紹
11.4路由跳轉
11.4.1使用指令跳轉
11.4.2使用代碼跳轉
11.5路由參數
11.5.1 Path參數
11.5.2 Query參數
11.5.3 Matrix參數
11.6子路由和附屬Outlet
11.6.1子路由
11.6.2附屬Outlet
11.7路由攔截
11.7.1激活攔截與反激活攔截
11.7.2數據預加載攔截
11.8模塊的延遲加載
11.8.1延遲加載實現
11.8.2模塊加載攔截
11.9小結

第12章 測試
12.1概述
12.2單元測試
12.2.1概述
12.2.2常用測試框架
12.2.3 Jasmine介紹
12.2.4 Karma介紹
12.2.5 Karma結合Jasmine測試
12.3 Angular單元測試
12.3.1概述
12.3.2獨立單元測試
12.3.3測試工具集
12.4端到端測試
12.4.1概述
12.4.2 Protractor介紹
12.5小結

第三部分實戰篇

第13章 問捲調查系統簡介
13.1項目背景
13.2主要特性
13.2.1首頁和幫助頁
13.2.2問捲編輯頁
13.2.3我的問捲頁
13.2.4用戶管理頁
13.3產品設計
13.4小結

第14章 項目起步
14.1技術選型
14.1.1前端腳手架
14.1.2 UI樣式庫
14.1.3後端服務器
14.2環境搭建
14.2.1搭建腳手架
14.2.2引入樣式庫
14.2.3搭建後台環境
14.3目錄結構介紹
14.4首頁開發
14.5小結

第15章 問捲編輯模塊
15.1概述
15.1.1功能設計
15.1.2數據模型
15.2問捲編輯模塊開發
15.2.1問題選擇組件
15.2.2問題組件
15.2.3問捲組件
15.2.4問捲服務
15.2.5問捲大綱
15.3小結

第16章 我的問捲模塊
16.1問捲列表
16.1.1問捲列表項
16.1.2顯示問捲列表
16.1.3顯示問捲詳情
16.2問捲操作
16.2.1修改路由配置
16.2.2發布後的問捲頁面
16.2.3問捲操作組件
16.3小結

第17章 用戶管理模塊
17.1開發簡單註冊頁
17.2表單控件組件
17.2.1定義表單控件
17.2.2校驗表單控件
17.2.3表單安全
17.3用戶註冊功能開發
17.3.1用戶註冊服務
17.3.2組件的邏輯
17.3.3註冊接口開發
17.4權限管理
17.5小結

第18章 項目構建和最佳實踐
18.1項目構建
18.1.1代碼質量檢查
18.1.2測試
18.1.3打包
18.1.4容器化
18.2最佳實踐
18.2.1單一職責
18.2.2命名約定
18.2.3編碼約定
18.2.4應用結構約定
18.2.5組件相關約定
18.2.6指令相關約定
18.2.7服務相關約定
18.2.8其他
18.3小結