Microsoft - U2247

新世代Web前端Angular開發實戰

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

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 2122475 班 2021/09/06 ~ 2021/09/10 每週一二三四五 09:00~17:00 報名
台北 2122476 班 2021/12/13 ~ 2021/12/17 每週一二三四五 09:00~17:00 報名

目前查無開課時段

詳細開課時間請洽詢業務

聯絡恆逸

教材

恆逸專用教材

課程目標

Angular是一個開放源碼的前端網頁框架(Framework),前端技術牽涉到JavaScript、HTML、CSS,JavaScript動輒千百行的程式難以維護與偵錯,Angular是一個以 JavaScript為基底(2.0版後採用Microsoft的TypeScript)的框架,能夠寫出好維護、易偵錯、可擴充、跨平台的應用程式。

Angular可以完成絕大多數的使用者介面及前端的需要,但是資料仍要靠後端的供應,在課程中我們會以Angular 11.0之後的版本為基礎,並且介紹如何使用Angular存取 Web API遠端資料(本課程Web API以ASP.NET Core Web API為伺服器端的範例),實作一個完整的網頁應用程式。

適合對象

網頁開發人員

預備知識

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

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

U2754:TypeScript程式語言

課程內容

  1. 前端網頁應用的利器Angular
  2. 認識Angular的架構
  3. 使用Angular實作前端MVC的設計模型
  4. Angular基礎

    •  了解Angular元件生命週期

    •  元件之間資料共享(@Input & @Output)

    •  HTML與Angular指示詞的搭配

    •  ngFor、 *ngIf、ngSwitch …等結構性語法的使用

    •  使用Pipes轉換資料

  5. 屬性綁定、事件綁定的處理

    •  ngModel與資料的綁定

    •  自訂元件的屬性、事件綁定的設計

  6. 表單、驗證、資料繫結

  7. Service與DI依存注入
  8. 使用HTTPClient存取網路資源
  9. 使用ASP.NET Core Web API與Angular前後端的連結
  10. Angular資料存取之新增、刪減、修改
  11. Angular頁面導覽與路由
  12. Angular國際語言的支援
  13. 部署Angular應用程式

學會技能

  1. 了解如何選取前端開發框架(Framework),如React、Angular、Vue.js
  2. 使用Angular為您的公司建立內部、外部網站
  3. 能夠透過網頁搜集使用者資料,並儲存至資料庫(藉由Web API)
  4. 能夠區別何謂前端開發與後端開發
  5. 能夠熟悉開發工具的操作,並善用工具功能加速網站設計
  6. 如何安裝與設定Angular套件,並設定工作環境
  7. 能夠利用瀏覽器進行網頁程式除錯,提升網站錯誤診斷與偵錯的技能