Angular 15

• 基本瞭解 HTML、CSS 和 JavaScript

觀眾

• 開發人員
• 程式師

Angular 是一個流行的 JavaScript 框架，用於構建 Web 應用程式。 

這種以講師為主導的現場培訓（現場或遠端）面向希望使用Angular 15的最新功能來構建，測試和部署Web應用程式的開發人員和程式師。

在培訓結束時，參與者將能夠：

• 安裝和配置 Angular 15。
• 使用 Angular 15 的基於元件的體系結構開發應用程式。
• 利用 Angular 15 的內置指令、服務和管道。
• 使用 Angular 15 的 HttpClient 模組與 RESTful API 通信。
• 在Angular 15 個應用程式中實現身份驗證和授權。
• 測試和調試 Angular 15 應用程式。
• 瞭解 Angular 15 的新功能，例如 Image Directive、用於構建 UI 元件的 CDK 清單、Guard 中的樣板減少以及 esbuild 中的改進以加快構建速度。

課程形式

• 互動講座和討論。
• 大量的練習和練習。
• 在現場實驗室環境中動手實施。

課程自定義選項

• 如需申請本課程的定製培訓，請聯繫我們進行安排。

介紹

• Angular 及其功能概述
• 瞭解 Angular 框架和架構
• Angular 15 中有哪些新功能？

設置開發環境

• 安裝與設定Angular 15
• 使用穩定的獨立 API，允許 Angular 開發人員在沒有 Ng 模組的情況下構建應用程式。
• 了解增強的性能

TypeScript的基本原理

• 瞭解 TypeScript 語法
• 定義變數和陣列
• 鍵入函數

元件

• Angular 元件剖析
• 創建和使用元件
• 元件之間的通信
• 實現元件生命週期挂鉤
• 使用 CDK List 構建 UI 元件

指令

• Angular 指令剖析
• 創建和使用指令
• 構建自定義指令
• 使用指令組合 API
• 在 Angular 應用程式中使用 Image 指令，並在 Image 指令中執行自動 srcset 生成

服務和依賴注入

• Angular 服務剖析
• 創建和使用服務
• 使用依賴注入管理服務

管道

• Angular 管道剖析
• 創建和使用管道
• 構建自定義管道

形式

• 使用 Angular 的 FormBuilder 構建和驗證表單
• 實現反應式表單
• 使用範本驅動的表單

HttpClient的

• 使用 Angular 的 HttpClient 模組與 RESTful API 通信
• 實現 GET、POST、PUT 和 DELETE 請求
• 處理錯誤和進度事件

身份驗證和授權

• 在 Angular 應用程式中實現身份驗證和授權
• 使用 JSON Web 令牌 （JWT） 進行身份驗證
• 使用防護裝置保護路線
• 減少防護裝置中的樣板代碼

測試和調試

• 使用 Jasmine 和 Karma 編寫單元測試
• 測試 Angular 元件、指令、服務和管道
• 使用瀏覽器的 DevTools 調試 Angular 應用程式
• 瞭解esbuild中的改進以加快構建速度

摘要和後續步驟