感謝您提交詢問！我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂！我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
簡介
- 什麼是 Angular？
- Angular vs React vs Vue
- Angular 17 功能與架構概述
- 設定開發環境
入門
- 使用 Angular CLI 建立新的 Angular 17 專案。
- 探索專案結構與檔案。
- 執行並啟動應用程式伺服器。
- 使用插值運算式和表達式展示資料。
元件（Components）
- 了解元件在 Angular 17 中的角色。
- 建立和使用元件。
- 透過 inputs 和 outputs 在元件間傳遞資料。
- 使用元件生命週期鉤子。
指令（Directives）
- 了解結構型指令與屬性型指令的差異。
- 建立和使用內建指令，如 ngIf、ngFor、ngSwitch 等。
- 建立和使用自訂指令。
管道（Pipes）
- 了解 Angular 17 中管道的目的。
- 建立和使用內建管道，如 date、currency、json 等。
- 建立和使用自訂管道。
服務（Services）
- 了解服務在 Angular 17 中的角色。
- 建立和使用服務。
- 使用 providers 注入依賴項。
模組（Modules）
- 了解模組在 Angular 17 中的角色。
- 建立和使用模組。
- 匯入和匯出模組。
資料繫結（Data Binding）
- 了解單向與雙向資料繫結的差異。
- 建立和使用屬性繫結、事件繫結以及香蕉在盒中（banana-in-a-box）語法。
- 使用模板參考變數。
路由（Routing）
- 了解路由在 Angular 17 中的角色。
- 建立和配置路由。
- 使用 routerLink 和 router.navigate() 在路由間導航。
- 使用路由參數、查詢參數和片段（fragments）。
表單（Forms）
- 了解模板驅動表單與響應式表單的差異。
- 使用表單控制項、表單群組、表單陣列等建立並驗證表單。
- 使用內建驗證器，如 required、minLength、maxLength 等。
- 建立和使用自訂驗證器。
HTTP 客戶端（HTTP Client）
- 了解 HTTP 客戶端在 Angular 17 中的角色。
- 建立並使用 HTTP 請求與後端服務進行通訊。
- 使用觀察者（Observables）處理非同步資料串流。
- 使用攔截器（Interceptors）修改或處理 HTTP 請求或回應。
新的聲明式控制流程（New, Declarative Control Flow）
- 解釋新的模板控制區塊語法，以及如何簡化條件渲染、迴圈和空集合管理等常見任務。
- 提供使用新區塊（如 @if、@else、@switch、@case、@default、@for 和 @empty）的範例。
- 將新語法與舊語法（如 *ngIf、*ngSwitch 和 *ngFor）進行比較。
- 說明新的控制區塊如何支援具有訊號（signals）的 zoneless 應用程式。
延遲載入區塊（Deferred Loading Blocks）
- 解釋延遲載入的概念，以及它如何改善網頁應用程式的效能和使用經驗。
- 介紹新的 @defer 控制區塊，啟用區塊內容及其依賴項的延遲載入。
- 提供使用 @defer 區塊處理不同情境的範例，如載入元件、指令、管道、動畫和樣式。
- 說明 @defer 區塊如何與新的檢視轉換 API 協作。
檢視轉換 API（View Transitions API）
- 解釋檢視轉換 API 的目的與好處，允許開發人員自訂檢視間的動畫和過渡效果。
- 介紹新引入的 withViewTransitions 指令，以便使用檢視轉換 API。
- 提供使用 withViewTransitions 指令搭配不同過渡類型（如淡入淡出、滑動、縮放和翻轉）的範例。
- 說明檢視轉換 API 如何與 Angular 路由器和瀏覽器歷史記錄協作。
其他功能與改進
- 簡要總結 Angular 17 提供的其他功能和改進，包括：
- 支援將 @Component.styles 作為字串傳入。
- Angular 的動畫程式碼可延遲載入。
- 支援 TypeScript 5.2。
- 核心訊號 API 現已穩定。
- 已移除 Node.js v16 支援，最低支援版本為 v18.13.0。
- Esbuild 成為預設建置工具，預設開發伺服器將使用 Vite。
總結與後續步驟
最低要求
- 具備 HTML、CSS 和 JavaScript 的基礎知識
- 具備 TypeScript 和 RxJS 的經驗
- 具備網頁開發經驗
受眾對象
- 希望學習如何使用 Angular 17 建立動態且具響應式網頁應用程式的開發人員。
- 希望從舊版 Angular 升級技能的開發人員。
- 希望探索 Angular 17 新功能和改進的程式設計師。
28 小時
客戶評論 (2)
我非常喜歡這次培訓的流程，她先講解主題，然後在每個主題結束時，爲我們安排了明確的練習環節。她能夠及時指導我們解決在練習中遇到的問題。
Rabin Byanjankar - Lument
課程 - Angular 17
機器翻譯
課程互動性強且信息豐富。培訓師在我們不理解某些內容時非常有耐心，確保在整個培訓過程中沒有人掉隊。
Daniel - INIT Innovations in Transportation Ltd.
課程 - Angular 17
機器翻譯
