聯繫我們

課程簡介

Angular 18 簡介

  • Angular 及其生態系統的概覽
  • Angular 18 的新增功能,包括 Angular DevTools 的最新更新
  • 設置開發環境

專案設置與架構

  • 使用 Angular CLI
  • 專案結構與檔案組織
  • Angular 模組與元件
  • 利用優化的 TypeScript 4.7 能力,提升效能與開發體驗

範本與資料繫結

  • Angular 範本語法
  • 插值、屬性繫結與事件繫結
  • 使用 ngModel 進行雙向資料繫結

元件與指令

  • 建立與使用元件
  • 元件生命週期鉤子
  • 內建指令(ngIf, ngFor 等)
  • 自訂指令

服務與依賴注入

  • 建立與使用服務
  • Angular 中的依賴注入
  • 管理應用程式狀態

路由與導航

  • 設置 Angular 路由器
  • 配置路由與路由參數
  • 理解並實施新的路由功能
  • 延遲載入與路由守衛

Angular 表單

  • 範本驅動型表單
  • 反應式表單
  • 表單驗證與錯誤處理

HTTP Client 與 Observables

  • 使用 HttpClient 發送 HTTP 請求
  • 處理 HTTP 回應
  • 處理 RxJS observables

進階主題

  • Angular 動畫
  • 國際化 (i18n)
  • 效能優化技術,包括無區域變更檢測

Angular 測試

  • 使用 Jasmine 與 Karma 進行單元測試
  • 使用 Protractor 進行端到端測試
  • Angular 應用程式測試的最佳實踐

部署與維護

  • 構建與部署 Angular 應用程式
  • 使用 Git 進行版本控制
  • 持續整合與交付 (CI/CD) 實踐

遷移與除錯

  • 從舊版 Angular 遷移
  • 常見陷阱與避免方法
  • Angular 18 常見問題的除錯

實作課程

  • 動手實驗
  • 真實世界專案開發
  • 小組練習與同儕審查

總結與下一步

最低要求

  • 具備 JavaScript 基礎知識
  • 擁有 Web 開發經驗
  • 基本的 HTML 與 CSS 知識

受訓對象

  • Web 開發人員
  • 前端開發人員
  • 任何希望使用 Angular 開發單頁應用程式 (SPA) 的感興趣者
 28 小時

客戶評論 (3)

課程分類