Microsoft - U2448
Angular Standalone模式深度探索Part 2
The new generation of Web front-end Angular development combat Part 2
- 時數:28小時
- 費用:NT$ 22,000
- 點數:5.5
選擇查詢分區開課時間
教材
課程目標
有鑑於Angular v2到v16版使用Module模式學習途徑過於陡峭,也使許多新朋友為之卻步,好消息是經過v14之後開發者預覽的Standalone模式,已經在Angular 17之後的版本成為預設專案類型,讓Angular學習上更加輕鬆,專案也較為輕盈有效率 ...。Angular 17是一個大躍進,它新增了SSR、Singnal、State Management ... ,在效能上、開發的便利性都有許多的增長。
首先,課程中將探討Angular中的非同步機制,討論Observable和RxJS之間的關係,並比較Promise和async/await,以了解它們在Angular中的運作原理及應用場景。
接著,深入研究Angular的路由系統,探討延遲載入模組以及@defer的概念,以及路由的生命週期和如何在頁面間傳遞參數與解析,以及探索Angular程式的優化方法。這將包括特性模組和共享模組的設計和使用,以及建立和使用函式庫的技巧。接下來,將學習如何使用Angular Material來優化我們的用戶介面,深入研究Reactive-Form,這是Angular中處理表單的一個重要功能,以及學習如何建立響應式表單、處理表單數組、進行驗證和非同步驗證。最後,我們將探討如何無痛升級您的行動應用程式,以及如何設計驗證和授權機制,包括路由守衛、登入/登出和使用Auth 2.0使用社群帳號登入。透過這門課程,將獲得豐富的Angular知識和實踐經驗,能夠開發出更加強大、優雅的應用程式,並為用戶提供更好的用戶體驗。
適合對象
想要學習前端網頁開發的人員
預備知識
需熟悉JavaScript、HTML、CSS及C#、ASP.NET Core
已完成以下課程所具備技術能力
U2447:Angular Standalone模式深度探索Part 1
課程內容
認識Angular的非同步機制
● Observable vs RxJS
● Promise vs async/await
再探Angular Route
● 延遲載入模組、元件
● 傳遞參數,路由參數綁定
Angular程式優化-使用的模組與函式庫
Angular UI的優化使用Material
Reactive-Form
● 響應式表單
● FormArray
● 通用驗證/自訂驗證
● 非同步驗證
無痛升級行動版App
● 認識Capacitor
● 使用Capacitor API存取手機硬體設備
● 升級行動版
● 使用模擬器
● 部署到Android手機
驗證與授權
● 路由守門員
● Login/Logout
● Auth 2.0使用社群帳號登入-以Google為例
國際化語系
● 使用Pipe顯示當地文化格式
● Angular的國際化套件
● 國際化版本的部署
學會技能
- 認識Angular的非同步機制,了解如何使用Observable和RxJS來處理異步操作
- 學會如何使用延遲載入模組、元件以提高應用程式的效能和加快初始加載時間
- 學會使用的模組與函式庫優化Angular程式
- 學習如何使用Reactive Forms在Angular中建立複雜的表單
- 實現從Web應用程式到行動應用程式的無縫升級,並在模擬器和實際設備上進行測試和部署
- 使用路由守衛來保護應用程式的路由,以及實現登入/登出功能和使用OAuth 2.0授權登入的實踐
- 學習如何在Angular應用程式中實現多語言支持,包括使用內置的Pipe來顯示當地化的日期、時間和數字格式。以及如何將多語言版本的應用程式部署到不同的環境中
備註事項
上課使用Windows平台
本課程使用Visual Studio Code為開發工具
範例會使用GitHub Copilot協助HTML、CSS樣式的生成
建議課程前一天申請GitHub帳號以及開通GitHub Copilot,帳號開通後30天之內免費。本課程若沒有申請GitHub Copilot,範例所需的HTML、CSS樣式的生成需自行打字
相關連結
說明會資訊
-
台北場次
-
新竹場次
-
台中場次
-
高雄場次
台北恆逸教育訓練中心
- 02-25149191
- 02-25149292
- 台北市松山區復興北路99號14樓
新竹恆逸教育訓練中心
- 03-5723322
- 03-5745738
- 新竹市光復路二段295號3樓之2
台中恆逸教育訓練中心
- 04-23297722
- 04-23102000
- 台中市西區臺灣大道二段309號2樓
高雄恆逸教育訓練中心
- 07-5361199
- 07-5361698
- 高雄市苓雅區新光路38號4樓之1