教育訓練Angular 開發實戰：進階開發篇
2 天
網頁前端技術類 Angular 開發實戰：進階開發篇本課程特別精選幾個必學的 Angular 開發主題，開辦兩天的訓練課程， 透過觀念與實務的結合，相信能讓大家快速上手 Angular 最重要的實戰開發技巧。

此課程適合給...

  • 了解基礎 HTML / CSS / JavaScript 語法
  • Web 開發人員 / 網頁設計師 / 網頁前端工程師
  • 具有基礎的程式設計概念 (寫過任何一種程式語言即可)
  • 須了解 Angular 基礎開發技巧 (建立子元件/樣板語法/相依注入/注入 Http 服務元件)
  • 本課程不適合完全沒有 Angular 基礎的人

上完此課程你將會...

  • 深入理解 RxJS 與 Observable
  • 深入了解 Angular Router 路由機制
  • 深入了解 Angular Form 表單機制
  • 深入了解 Angular 變更偵測機制 (效能調校)
  • 深入了解 Component 元件架構

建置單一頁面應用程式 (SPA) 在 Angular 的優異架構下變得十分容易，在新手入門之後，更多的挑戰也隨之而來， 像是抽象的 RxJS 可以用來高效的處理非同步事件，精煉過的 Router 路由機制可用來處理多頁面導覽， 強大的 Forms 動態表單機制可以設計出各式各樣的表單應用，這些特性與架構都可以幫助我們用更精簡、更好維護的程式碼， 來撰寫原本極其複雜的 SPA 應用程式。

學習像 Angular 這種看似複雜而又能簡單抽象的開發架構，不可避免的還是要透過正確的觀念導引， 幫助剛入門的 Angular 前端工程師走上進階的開發之路。本課程特別精選幾個必學的 Angular 開發主題， 開辦兩天的訓練課程，透過觀念與實務的結合，相信能讓大家快速上手 Angular 最重要的實戰開發技巧。

課程內容

  • 多頁面必學，深入瞭解 Angular 路由機制（共 7 章）
    7

    多頁面必學，深入瞭解 Angular 路由機制

    • 介紹 SPA 架構技術原理
    • 介紹路由的應用情境與設定方法
    • 認識 Angular 路由生命週期
    • 快速上手 Angular 路由機制
    • ．建立 Angular 第一層路由
    • ．建立 Angular 子路由機制
    • ．注入與使用 Route 與 Router 物件
    • ．注入與使用 ActivatedRoute 物件
    • 介紹路由導覽機制
    • ．透過 Directives 進行路由導覽
    • ．透過程式碼進行路由導覽
    • ．在頁面之間傳遞路由參數
    • ．認識 data 與 resolve 方法
    • 實作路由頁面的延遲載入機制 (效能調校)
    • 實作路由頁面的預先載入機制 (效能調校)
  • 前端怎麼可能沒有表單，深入了解 Angular Form 表單機制（共 6 章）
    6

    前端怎麼可能沒有表單，深入了解 Angular Form 表單機制

    • 介紹 Angular Form 的兩種開發模型
    • 深入了解 Template-Driven Form
    • ．認識 ngModel
    • ．控制表單樣式
    • ．處理表單驗證
    • ．顯示表單驗證錯誤訊息
    • ．認識 ngModelGroup
    • 深入了解 Model-Driven Form
    • ．認識 formGroup 與 formControlName
    • ．處理表單驗證
    • ．使用 FormBuilder
    • ．設計 Reactive Form (RxJS)
    • ．使用 formControl Directive
    • 自訂錯誤驗證器 (Custom Validator)
    • 如何指定表單欄位內容與重置表單
    • 如何在兩種開發模型之間進行選擇
7

多頁面必學，深入瞭解 Angular 路由機制

  • 介紹 SPA 架構技術原理
  • 介紹路由的應用情境與設定方法
  • 認識 Angular 路由生命週期
  • 快速上手 Angular 路由機制
  • ．建立 Angular 第一層路由
  • ．建立 Angular 子路由機制
  • ．注入與使用 Route 與 Router 物件
  • ．注入與使用 ActivatedRoute 物件
  • 介紹路由導覽機制
  • ．透過 Directives 進行路由導覽
  • ．透過程式碼進行路由導覽
  • ．在頁面之間傳遞路由參數
  • ．認識 data 與 resolve 方法
  • 實作路由頁面的延遲載入機制 (效能調校)
  • 實作路由頁面的預先載入機制 (效能調校)
6

前端怎麼可能沒有表單，深入了解 Angular Form 表單機制

  • 介紹 Angular Form 的兩種開發模型
  • 深入了解 Template-Driven Form
  • ．認識 ngModel
  • ．控制表單樣式
  • ．處理表單驗證
  • ．顯示表單驗證錯誤訊息
  • ．認識 ngModelGroup
  • 深入了解 Model-Driven Form
  • ．認識 formGroup 與 formControlName
  • ．處理表單驗證
  • ．使用 FormBuilder
  • ．設計 Reactive Form (RxJS)
  • ．使用 formControl Directive
  • 自訂錯誤驗證器 (Custom Validator)
  • 如何指定表單欄位內容與重置表單
  • 如何在兩種開發模型之間進行選擇

講師介紹

Will 保哥

(黃保翕)

2019 年獲選 Microsoft Regional Director (RD) 微軟技術社群區域總監

2018 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家

2008 至今連續 17 度當選 Microsoft MVP 微軟最有價值專家 (Developer Technologies)。

2013 年曾獲選第 6 屆iT邦幫忙鐵人賽【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】、【iT邦幫忙鐵人賽優選】三項殊榮。

熟悉 Angular、JavaScript、.NET、C#、ASP.NET MVC、Go、Docker、Kubernetes 相關技術。擅長 DevOps 與組織文化建立、軟體團隊建構與管理。熱愛分享知識。

曾擔任 Visual Studio 2010 上市發表會講師、MSDN 講座講師、TechDays Taiwan 2010~2015 講師、TechEd China 2011, 2013 講師。

出版著作有 ASP.NET MVC 2 開發實戰、Windows Phone 開發實戰、ASP.NET MVC 4 開發實戰等書籍。

部落格 http://blog.miniasp.com

FB 粉絲頁 https://www.facebook.com/will.fans

學員回饋
Contact Us聯絡多奇
聯絡多奇為您提供最專業的協助！
background image background image