●第1章 初識Angular1
1.1 ANGULAR簡介1
1.1.1 AngularJS 1.x 的誕生2
1.1.2 快速發展的 Angular2
1.1.3 三分天下的前端框架3
1.1.4 未來的選擇4
1.2 搭建開發環境4
1.2.1 安裝Node.js和NPM4
1.2.2 安裝Git6
1.2.3 安裝Angular CLI7
1.2.4 開發工具的選擇7
1.2.5 安裝Angular輔助編碼插件9
1.3 實戰練習:第一個ANGULAR程序10
1.3.1 Hello Angular10
1.3.2 Angular目錄結構10
1.3.3 Angular CLI詳解12
1.3.4 如何學習Angular14
1.4 ANGULAR UI庫14
1.4.1 NG-ZORRO14
1.4.2 Angular Material15
1.4.3 ng-bootstrap16
1.4.4 Ionic16
1.5 小結17
第2章 初識TypeScript18
2.1 TYPESCRIPT簡介18
2.1.1 動態類型語言與靜態類型語言18
2.1.2 開發環境的搭建19
2.2 數據類型20
2.2.1 布爾類型20
2.2.2 數字類型20
2.2.3 字符串類型21
2.2.4 數組組類型21
2.2.5 枚舉類型21
2.2.6 any類型22
2.2.7 void類型22
2.2.8 null與undefined類型22
2.3 函數23
2.3.1 函數的使用23
2.3.2 構造函數23
2.3.3 可選參數24
2.3.4 默認參數24
2.3.5 箭頭函數25
2.4 類26
2.4.1 屬性與方法26
2.4.2 類的繼承26
2.4.3 訪問權限修飾符27
2.5 小結28
第3章 指令29
3.1 指令的分類29
3.1.1 組件29
3.1.2 結構型指令30
3.1.3 屬性型指令30
3.2 內置指令30
3.2.1 ngFor30
3.2.2 ngIf30
3.2.3 ngSwitch31
3.2.4 ngStyle31
3.2.5 ngClass32
3.2.6 ngNonBindable32
3.3 實戰練習:自定義結構型指令32
3.3.1 星號前綴33
3.3.2 創建一個結構型指令33
3.3.3 響應用戶操作34
3.4 小結36
第4章 使用組件打造你的項目37
4.1 組件37
4.1.1 組件的組成37
4.1.2 組件化思想38
4.2 注解38
4.3 生命周期39
4.4 數據傳遞39
4.4.1 數據的輸入40
4.4.2 數據的輸出42
4.5 實戰練習:城市組件44
4.6 小結47
第5章 依賴注入48
5.1 控制反轉與依賴注入48
5.1.1 控制反轉48
5.1.2 依賴注入49
5.2 ANGULAR中的依賴注入50
5.2.1 Injector(注入器)50
5.2.2 Provider(提供者)51
5.2.3 Dependence(依賴)52
5.2.4 依賴注入的流程52
5.3 實戰練習:用戶信息頁52
5.4 小結56
第6章 HTTP57
6.1 HTTPCLIENT——發送第一條網絡請求57
6.2 HTTP協議基礎知識59
6.2.1 請求方法59
6.2.2 HTTP狀態碼60
6.2.3 請求報文首部61
6.3 HTTP與HTTPS63
6.3.1 為什麼需要HTTPS63
6.3.2 什麼是 HTTPS63
6.3.3 HTTPS工作過程63
6.3.4 申請HTTPS64
6.3.5 為什麼不一直使用HTTPS65
6.4 實戰練習:制作一個HTTP65
6.5 小結68
第7章 表單69
7.1 ANGULAR中的表單69
7.1.1 響應式表單與模板驅動型表單69
7.1.2 FormBuilder70
7.2 實戰練習:模板驅動型表單70
7.2.1 創建模板驅動型表單項目70
7.2.2 在登錄組件實現模板驅動型表單71
7.3 實戰練習:響應式表單74
7.3.1 創建響應式表單項目74
7.3.2 使用響應式表單構建個人資料頁75
7.4 小結78
第8章 路由79
8.1 路由的基本用法79
8.1.1 路由的配置79
8.1.2 讓路由與組件對應80
8.1.3 設置默認路徑82
8.2 路由的位置策略83
8.2.1 HashLocationStrategy83
8.2.2 如何使用位置策略83
8.2.3 如何選擇兩種位置策略84
8.3 路由的跳轉與傳參85
8.3.1 路由的跳轉85
8.3.2 路由的傳參86
8.4 子路由91
8.5 實戰練習:路由框架的搭建93
8.6 小結96
第9章 Angular中的測試97
9.1 測試的意義97
9.2 第一個測試例子98
9.3 ANGULAR測試工具100
9.3.1 Jasmine100
9.3.2 Karma102
9.3.3 實戰練測試常用API103
9.4 端對端測試108
9.4.1 Protractor108
9.4.2 實戰練習:端對端測試常用API108
9.5 小結113
第10章 後臺模擬環境的搭建114
10.1 前後端分離114
10.2 TMAN的安裝與使用115
10.2.1 tman的安裝115
10.2.2 tman的使用116
10.3 JSON-SERVER的安裝與使用117
10.3.1 json-server的安裝與配置118
10.3.2 第一個json-server程序120
10.4 實戰練習:使用JSON-SERVER實現增刪改查121
10.4.1 項目的創建與配置121
10.4.2 數據的查詢與刪除122
10.4.3 數據的新增與編輯125
10.5 小結130
第11章 項目實戰:待辦列表131
11.1 待辦列表設計131
11.2 待辦列表的創建133
11.2.1 CLI版本與UI樣式庫133
11.2.2 項目的創建133
11.3 待辦列表開發135
11.3.1 主面板組件的開發135
11.3.2 待辦項組件的開發138
11.3.3 彈出式窗口組件的開發142
11.4 修改為網絡請求應用150
11.4.1 後臺環境的配置150
11.4.2 使用json-server實現網絡請求版151
11.5 小結156
第12章 項目實戰:商城後臺管理繫統157
12.1 項目設計157
12.2 項目起步160
12.2.1 框架選型160
12.2.2 項目的創建161
12.3 路由構建163
12.3.1 組件的創建163
12.3.2 路由的配置163
12.4 資產盤點模塊的開發170
12.4.1 資產概況的開發170
12.4.2 交易數據分析的開發174
12.5 商品管理模塊的開發177
12.5.1 商品查詢的開發177
12.5.2 商品新增/編輯的開發180
12.6 個人中心模塊的開發184
12.6.1 個人資料查看的開發184
12.6.2 個人資料設置的開發186
12.7 消息管理模塊的開發189
12.8 小結192