課程簡介

介紹

  • 什麼是Angular?
  • Angular 與 React 與 Vue
  • Angular 16 功能和體系結構概述
  • 設置開發環境

開始

  • 使用 Angular CLI 創建新的 Angular 16 專案
  • 瀏覽項目結構和檔
  • 運行和提供應用程式
  • 使用插值和表示式顯示數據

元件

  • 瞭解元件在 Angular 16 中的作用
  • 創建和使用元件
  • 使用輸入和輸出在元件之間傳遞數據
  • 使用元件生命週期鉤子

指令

  • 了解結構指令和屬性指令之間的區別
  • 創建和使用內置指令,例如 ngIf、ngFor、ngSwitch 等。
  • 創建和使用自定義指令

管道

  • 瞭解 Angular 16 中管道的用途
  • 創建和使用內置管道,例如日期、貨幣、json 等。
  • 創建和使用自定義管道

服務業

  • 瞭解服務在 Angular 16 中的作用
  • 創建和使用服務
  • 使用提供程式注入依賴項

模組

  • 瞭解模組在 Angular 16 中的作用
  • 創建和使用模組
  • 匯入和匯出模組

數據綁定

  • 瞭解單向數據綁定和雙向數據綁定之間的區別
  • 創建和使用屬性綁定、事件綁定和banana-in-a-box語法
  • 使用範本引用變數

路由

  • 瞭解路由在 Angular 16 中的作用
  • 創建和配置路由
  • 使用 routerLink 和 router.navigate 在路由之間導航
  • 使用路由參數、查詢參數和片段

形式

  • 瞭解範本驅動表單和回應式表單之間的區別
  • 使用表單控件、表單組、表單數位等創建和驗證表單。
  • 使用內置驗證器,例如 required、minLength、maxLength 等。
  • 創建和使用自定義驗證程式

HTTP 用戶端

  • 瞭解 HTTP 用戶端在 Angular 16 中的角色
  • 創建和使用 HTTP 請求與後端服務通信
  • 使用 observables 處理異步數據流
  • 使用攔截器修改或處理 HTTP 請求或回應

調試

  • 瞭解 Angular 16 個應用程式中的常見錯誤和錯誤
  • 使用 Chrome DevTools 檢查元素、源、網路、控制台等。
  • 使用斷點、監視表達式、調用堆疊等來調試代碼

測試

  • 了解測試在 Angular 16 個應用中的重要性
  • 使用 Jest 作為替代測試框架
  • 使用 Karma 作為單元測試的測試運行程式
  • 使用 Protractor 作為端到端測試工具

摘要和後續步驟

最低要求

  • 瞭解 HTML、CSS 和 JavaScript
  • 具有 TypeScript 和 RxJS 的經驗
  • Web開發經驗

觀眾

  • 希望瞭解如何使用 Angular 16 創建動態和回應式 Web 應用程式的開發人員
  • 希望從以前版本的 Angular 升級技能的開發人員
  • 希望探索 Angular 16 的新功能和更新的程式師
 28 時間:

人數



每位參與者的報價

客戶評論 (10)

相關課程

課程分類