Microsoft - U2348

新世代Web前端Angular開發實戰Part 2

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

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 242348 班 2024/05/06 ~ 2024/05/09 每週一二三四 09:00~17:00 報名

目前查無開課時段

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

聯絡恆逸

教材

恆逸專用教材

課程目標

Angular是諸多企業使用的前端開發技術，在人力銀行更是搶手的技能項目。本課程是「U2347：新世代Web前端Angular開發實戰Part 1」的進階課程，將進一步談到非同步運算、程式優化、使用Angular Material，如何無痛升級行動App，驗證/授權以及社群的驗證，還有國際化語言...等進階運用都涵蓋在這門課程中。

適合對象

網頁開發人員

預備知識

需熟悉JavaScript、HTML、CSS及C#、ASP.NET Core

已完成以下課程所具備技術能力

U2754：TypeScript程式語言

U2347：新世代Web前端Angular開發實戰Part 1

課程內容

  1. 認識Angular的非同步機制

    ● Observable vs RxJS

    ● Promise vs async/await

  2. 再探Angular Route

    ● 延遲載入模組

    ● 路由的生命週期

    ● 頁面間參數的傳遞與resolve

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

    ● 特性模組、共享模組

    ● 建立與使用模組

    ● 建立與使用函式庫

  4. Angular UI的優化使用Material

    ● 主題/版面/選單

    ● 表單/輸入項

    ● 選項卡/Stepper

  5. Reactive-Form

    ● 響應式表單

    ● FormArray

    ● 通用驗證/自訂驗證

    ● 非同步驗證

  6. 存取Open Data

  7. matTable與資料處理

    ● 分頁、排序

    ● 過濾

    ● 匯出Excel

  8. 無痛升級行動版App

    ● 認識Capacitor

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

    ● 升級行動版

    ● 使用模擬器

    ● 部署到Android手機

  9. 驗證與授權

    ● 路由守門員

    ● Login/Logout

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

  10. 國際化語系

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

    ● Angular的國際化套件

    ● 國際化版本的部署

學會技能

  1. 能夠透過非同步的技術撰寫Angular應用程式
  2. 強化Angular UI學會使用Material
  3. 學會使用Reactive-Form撰寫更具彈性化的表單
  4. 深入了解模組與函式庫，有效管理您的應用程式
  5. 驗證與授權以提升Web App的安全性
  6. 使用Capacitor無痛升級行動版App