Angular 18

• 對 JavaScript 的理解
• 有 Web 開發經驗
• HTML 和 CSS 的基礎知識

觀眾

• Web 開發人員
• 前端開發人員
• 任何有興趣使用 Angular 開發單頁應用程式 （SPA） 的人

Angular 18 是由 Google 維護的流行前端 Web 框架的最新版本。這個新版本包括幾項重要的增強功能，例如優化的 TypeScript 4.7 功能、改進的更改檢測、新的路由功能以及對 Angular DevTools （TopCloudDev） 的更新。 

這種以講師為主導的現場培訓（在線或遠端）面向希望使用 Angular 18 構建動態、現代Web應用程式的初級到中級開發人員。

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

• 設置和配置 Angular 18 個專案。
• 利用 Angular 18 的新功能和改進。
• 使用 Angular 18 開發強大、可擴展的應用程式。
• 實現代碼組織和體系結構的最佳實踐。
• 將 Angular 應用程式與 RESTful API 集成。

課程形式

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

課程自定義選項

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

Angular 18 簡介

• Angular 及其生態系統概述
• Angular 18 中的新增功能
• 設置開發環境

項目設置和架構

• 使用 Angular CLI
• 項目結構和文件組織
• Angular 模組和元件

範本和數據綁定

• Angular 範本語法
• 插值、屬性綁定和事件綁定
• 使用 ngModel 進行雙向數據綁定

元件和指令

• 創建和使用元件
• 元件生命週期挂鉤
• 內置指令（ngIf、ngFor 等）
• 自訂指令

服務和依賴注入

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

路由和導航

• 設置 Angular 路由器
• 配置路由和路由參數
• 惰性裝載和路線防護裝置

Angular 中的表單

• 範本驅動的表單
• Reactive 形式
• 表單驗證和錯誤處理

HTTP 用戶端和可觀察物件

• 使用 HttpClient 發出 HTTP 請求
• 處理 HTTP 回應
• 使用 RxJS 個可觀察物件

高級主題

• Angular 動畫
• 國際化 （i18n）
• 性能優化技術

在 Angular 中測試

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

部署和維護

• 構建和部署 Angular 個應用程式
• 使用 Git 進行版本控制
• 持續集成和交付 （CI/CD） 實踐

遷移和故障排除

• 從舊版本的 Angular 遷移
• 常見陷阱以及如何避免它們
• 排查 Angular 18 的常見問題

實踐課程

• 動手實驗
• 真實世界的項目開發
• 小組練習和同行評審

摘要和後續步驟