聯繫我們

課程簡介

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)
  • 效能優化技術,包括無 Zone 變更偵測

Angular 測試

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

部署與維護

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

遷移與除錯

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

實務練習

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

總結與下一步

最低要求

  • 具備 JavaScript 的理解
  • 擁有 Web 開發經驗
  • 基本 HTML 和 CSS 知識

受眾

  • Web 開發者
  • 前端開發者
  • 任何有興趣使用 Angular 開發單一頁面應用程式 (SPA) 的人士
 28 小時

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類