Microsoft - U2448

Angular Standalone模式深度探索Part 2

The new generation of Web front-end Angular development combat Part 2
  • 時數:28小時
  • 費用:NT$ 22,000
  • 點數:5.5

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 2524481 班 2025/02/24 ~ 2025/02/27 每週一二三四 09:00~17:00 預約
台北 2524482 班 2025/04/14 ~ 2025/04/17 每週一二三四 09:00~17:00 預約
台北 2524483 班 2025/06/09 ~ 2025/06/12 每週一二三四 09:00~17:00 預約

目前查無開課時段

詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求,請參考台北開課日期,洽當地服務人員依需求加開遠距開課日期

聯絡恆逸

教材

恆逸專用教材

課程目標

有鑑於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

課程內容

  1. 認識Angular的非同步機制

    ● Observable vs RxJS

    ● Promise vs async/await

  2. 再探Angular Route

    ● 延遲載入模組、元件

    ● 傳遞參數,路由參數綁定

  3. Angular程式優化-使用的模組與函式庫

  4. Angular UI的優化使用Material

  5. Reactive-Form

    ● 響應式表單

    ● FormArray

    ● 通用驗證/自訂驗證

    ● 非同步驗證

  6. 無痛升級行動版App

    ● 認識Capacitor

    ● 使用Capacitor API存取手機硬體設備

    ● 升級行動版

    ● 使用模擬器

    ● 部署到Android手機

  7. 驗證與授權

    ● 路由守門員

    ● Login/Logout

    ● Auth 2.0使用社群帳號登入-以Google為例

  8. 國際化語系

    ● 使用Pipe顯示當地文化格式

    ● Angular的國際化套件

    ● 國際化版本的部署


掌握.NET 7,打造跨平台應用


Visual Studio 2022與.NET 6新亮點


下一個專案該選MVC、Razor Pages還是Blazor?


.NET MAUI代碼一次撰寫,遊走四大平台

學會技能

  1. 認識Angular的非同步機制,了解如何使用Observable和RxJS來處理異步操作
  2. 學會如何使用延遲載入模組、元件以提高應用程式的效能和加快初始加載時間
  3. 學會使用的模組與函式庫優化Angular程式
  4. 學習如何使用Reactive Forms在Angular中建立複雜的表單
  5. 實現從Web應用程式到行動應用程式的無縫升級,並在模擬器和實際設備上進行測試和部署
  6. 使用路由守衛來保護應用程式的路由,以及實現登入/登出功能和使用OAuth 2.0授權登入的實踐
  7. 學習如何在Angular應用程式中實現多語言支持,包括使用內置的Pipe來顯示當地化的日期、時間和數字格式。以及如何將多語言版本的應用程式部署到不同的環境中

備註事項

  1. 上課使用Windows平台

  2. 本課程使用Visual Studio Code為開發工具

  3. 範例會使用GitHub Copilot協助HTML、CSS樣式的生成

建議課程前一天申請GitHub帳號以及開通GitHub Copilot,帳號開通後30天之內免費。本課程若沒有申請GitHub Copilot,範例所需的HTML、CSS樣式的生成需自行打字

GitHub Copilot帳號申請流程詳細步驟教學