Angular 開發入門與實戰 (微課視頻版)

 

目錄

 

 

 

 

第1章Angular應用開發基礎

 

1.1Angular簡介

 

1.1.1定義

 

1.1.2特點

 

1.1.3發展簡史

 

1.1.4核心概念

 

1.2Angular應用項目說明

 

1.2.1創建項目angularcliex1

 

1.2.2項目目錄和文件說明

 

1.2.3運行項目說明

 

1.2.4app模塊中的文件代碼和關系說明

 

1.2.5文件main.ts和index.html的說明

 

1.2.6配置文件說明

 

1.2.7項目啟動過程

 

1.3Angular應用開發步驟

 

1.3.1創建項目並修改文件index.html

 

1.3.2創建組件文件

 

1.3.3創建模塊文件

 

1.3.4修改文件main.ts

 

1.3.5運行項目

 

1.3.6Angular應用開發的一般步驟

 

1.4TypeScript基礎

 

1.4.1說明

 

1.4.2應用示例

 

習題1

 

第2章模板

 

2.1模板概述

 

2.1.1模板含義

 

2.1.2模板分類

 

2.1.3模板語句

 

2.1.4文本插值與模板表達式

 

2.1.5管道

 

2.2模板綁定

 

2.2.1屬性綁定

 

2.2.2特性綁定

 

2.2.3類綁定

 

2.2.4樣式綁定

 

2.2.5事件綁定

 

2.2.6雙向綁定

 

2.3模板變量和模板輸入變量

 

2.3.1模板變量

 

2.3.2模板輸入變量

 

2.4模板的基礎應用

 

2.4.1基礎代碼

 

2.4.2事件

 

2.4.3綁定

 

2.4.4變量

 

2.4.5模塊

 

2.4.6運行結果

 

2.5模板的綜合應用開發

 

2.5.1組件及相關文件

 

2.5.2模塊創建

 

2.5.3模塊的綜合應用運行結果

 

習題2

 

第3章指令

 

3.1指令概述

 

3.1.1指令含義

 

3.1.2指令類型

 

3.1.3指令和模板的關系

 

3.2內置屬性型指令

 

3.2.1內置屬性型指令說明

 

3.2.2NgClass說明

 

3.2.3NgStyle說明

 

3.2.4NgModel說明

 

3.3內置結構型指令

 

3.3.1內置結構型指令說明

 

 

3.3.2NgIf說明

 

3.3.3NgFor說明

 

3.3.4NgIf、NgFor和容器

 

3.3.5NgSwitch說明

 

3.4自定義屬性型指令

 

3.4.1創建

 

3.4.2應用

 

3.5自定義結構型指令

 

3.5.1創建

 

3.5.2應用

 

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

 

第4章組件

 

4.1組件概述

 

4.1.1組件的實現

 

4.1.2組件的應用

 

4.1.3組件和視圖

 

4.1.4元數據

 

4.2組件樣式及其應用

 

4.2.1組件樣式說明

 

4.2.2內部樣式應用

 

4.2.3內部樣式和外部樣式的綜合應用

 

4.2.4:host應用

 

4.2.5模塊和運行結果

 

4.3組件生命周期

 

4.3.1說明

 

4.3.2生命周期方法

 

4.4組件生命周期的綜合應用

 

4.4.1生命周期接口

 

4.4.2響應事件

 

4.4.3OnChanges方法

 

4.4.4AfterView方法

 

4.4.5AfterContent方法

 

4.4.6DoCheck方法

 

4.4.7組件、模塊和運行結果

 

4.5組件之間的交互及其應用

 

4.5.1組件交互說明

 

4.5.2父組件和子組件

 

4.5.3OnChanges方法

 

4.5.4事件

 

4.5.5本地變量

 

4.5.6@ViewChild()裝飾器

 

4.5.7組件、模塊和運行結果

 

4.6Angular元素及其應用

 

4.6.1Angular元素含義及其原理

 

4.6.2Angular元素相關API

 

4.6.3Angular元素應用示例

 

習題4

 

第5章組件的組合、分解及其應用

 

5.1內容投影及其應用

 

5.1.1常見的內容投影

 

5.1.2內容投影的應用

 

5.2視圖封裝及其應用

 

5.2.1視圖封裝模式

 

5.2.2視圖封裝的應用

 

5.2.3模塊和運行結果

 

5.3依賴註入及其應用

 

5.3.1依賴註入概述

 

5.3.2依賴註入的實現方法

 

5.3.3服務類

 

5.3.4組件

 

5.3.5模塊和運行結果

 

習題5

 

第6章路由及其應用

 

6.1路由概述

 

6.1.1路由的含義、實現和規則

 

6.1.2路由的工作步驟

 

6.2路由的應用開發

 

6.2.1基礎組件

 

6.2.2路由設置

 

6.2.3路由鏈接

 

6.2.4多級路由

 

6.2.5帶參數的路由

 

6.2.6組件、模塊和運行結果

 

習題6

 

第7章表單及其應用

 

7.1表單概述

 

7.1.1表單的含義、分類和實現

 

7.1.2表單的驗證和測試

 

7.2響應式表單

 

7.2.1表單控件

 

7.2.2表單組

 

7.2.3多個表單控件的創建

 

7.3表單驗證及實現

 

7.3.1表單驗證含義和驗證器函數

 

7.3.2不同類型表單的驗證

 

7.4動態表單及其構建

 

7.5表單的綜合應用開發

 

7.5.1表單基礎

 

7.5.2表單組

 

7.5.3驗證器函數

 

7.5.4動態表單

 

7.5.5其他組件

 

7.5.6模塊和運行結果

 

習題7

 

第8章HTTP客戶端服務及其應用

 

8.1HTTP客戶端服務

 

8.2攔截機制

 

8.2.1攔截器的含義和原理

 

8.2.2攔截器的處理方法

 

8.2.3攔截器的作用

 

8.2.4攔截器的測試

 

8.2.5攔截器的配置

 

8.3HTTP客戶端服務的應用

 

8.3.1服務

 

8.3.2組件

 

8.3.3模塊和運行結果

 

8.4攔截器的應用開發

 

8.4.1攔截器的簡單使用

 

8.4.2信息處理

 

8.4.3配置

 

8.4.4上傳文件

 

8.4.5組件、模塊和運行結果

 

習題8

 

第9章國際化及其應用

 

9.1國際化概述

 

9.1.1國際化的含義和實現

 

9.1.2通過ID引用語言環境

 

9.2翻譯

 

9.2.1翻譯模板

 

9.2.2翻譯方法

 

9.2.3翻譯文件

 

9.3將翻譯結果合並到應用中

 

9.4可選的國際化實踐

 

9.5國際化應用

 

9.5.1服務和管道

 

9.5.2組件

 

9.5.3國際化文本內容

 

9.5.4模塊和運行結果

 

習題9

 

第10章動畫及其應用

 

10.1動畫概述

 

10.2轉場動畫

 

10.2.1轉場動畫含義和實現

 

10.2.2觸發器

 

10.2.3轉場狀態

 

10.2.4觸發機制

 

10.3路由轉換動畫

 

10.4動畫的應用開發

 

10.4.1切換動畫

 

10.4.2狀態滑動

 

10.4.3進入與離開

 

10.4.4自動計算

 

10.4.5過濾與交錯

 

10.4.6列表與集合

 

10.4.7插入與刪除

 

10.4.8服務組件

 

10.4.9模塊和運行結果

 

習題10

 

第11章PWA、Service Worker、Web Worker

 

11.1PWA概述

 

11.2Service Worker概述

 

11.3生產環境下的Service Worker

 

11.4Service Worker 配置

 

11.5PWA的應用開發

 

11.5.1創建文件sw.js

 

11.5.2創建文件index.html

 

11.5.3運行文件index.html

 

11.5.4組件

 

11.5.5模塊和運行結果

 

習題11

 

第12章測試及其應用

 

12.1測試概述

 

12.1.1含義

 

12.1.2服務測試

 

12.1.3組件測試

 

12.1.4測試指令和管道

 

12.1.5Mock測試

 

12.1.6異步測試

 

12.1.7路由組件測試

 

12.1.8調試

 

12.1.9代碼覆蓋率

 

12.2TestBed的應用開發

 

12.2.1創建組件

 

12.2.2創建測試文件

 

12.2.3運行結果

 

12.3服務測試應用

 

12.4組件測試應用

 

12.5Jasmine應用

 

12.6路由測試應用

 

12.7異步測試應用

 

12.8Mock測試應用

 

12.9測試綜合應用

 

12.9.1創建文件

 

12.9.2模塊和運行結果

 

習題12

 

第13章高階技術

 

13.1Angular統一平臺

 

13.2Angular CLI

 

13.3Angular語言服務

 

13.4AOT編譯器

 

13.5Angular應用的運行

 

13.5.1不同配置方式

 

13.5.2開發者工具DevTools

 

13.5.3開發、構建和佈置

 

13.5.4生產環境

 

13.6Angular庫的開發

 

13.6.1含義

 

13.6.2使用庫

 

13.6.3創建庫

 

13.6.4構建、發布和編譯庫

 

13.6.5Angular包格式規範

 

13.7原理圖

 

13.7.1含義

 

13.7.2自定義原理圖

 

13.7.3原理圖的工作原理

 

13.7.4庫的原理圖

 

13.8Angular發布信息

 

13.8.1版本發布

 

13.8.2路線圖

 

13.8.3瀏覽器支持

 

習題13

 

第14章最佳實踐

 

14.1安全的最佳實踐

 

14.1.1XXS

 

14.1.2XSRF和XSSI

 

14.2無障礙性

 

14.3保持最新和屬性綁定

 

14.4惰性加載

 

14.5令牌

 

14.5.1輕量級註入令牌

 

14.5.2註入令牌的應用

 

14.6安全的應用開發

 

14.6.1創建組件

 

14.6.2模塊和運行結果

 

14.7無障礙性的應用開發

 

14.7.1創建組件

 

14.7.2模塊和運行結果

 

14.8屬性綁定的應用

 

14.8.1創建組件

 

14.8.2模塊和運行結果

 

14.9惰性加載特性模塊的應用

 

14.9.1創建組件

 

14.9.2模塊和運行結果

 

習題14

 

第15章綜合案例

 

15.1英雄信息

 

15.1.1創建文件

 

15.1.2修改文件

 

15.1.3運行結果

 

15.2簡易通訊錄

 

15.2.1創建文件

 

15.2.2修改文件

 

15.2.3運行結果

 

習題15

 

第16章整合開發

 

16.1與Ant Design of Angular的整合開發

 

16.1.1創建文件

 

16.1.2修改文件

 

16.1.3運行結果

 

16.2與Spring Boot的整合開發

 

16.2.1創建Spring Boot項目backendofangular

 

16.2.2創建類Employee

 

16.2.3創建接口EmployeeRepository

 

16.2.4創建類EmployeeController

 

16.2.5創建類MvcConfig

 

16.2.6修改後端配置文件

 

16.2.7運行後端Spring Boot程序

 

16.2.8創建前端目錄和文件

 

16.2.9模塊

 

16.2.10修改文件main.ts

 

16.2.11運行結果

 

習題16

 

參考文獻