課程簡介

介紹

  • 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中的改進以加快構建速度

摘要和後續步驟

最低要求

  • 基本瞭解 HTML、CSS 和 JavaScript

觀眾

  • 開發人員
  • 程式師
 28 時間:

客戶評論 (1)

相關課程

課程分類