Name: 《台北》Angular 2 開發實戰：進階開發篇(平日班)
Start: 2017-04-26T09:00:00+08:00
End: 2017-05-03T17:00:00+08:00
Location: 淡江大學台北校區 三樓 324教室

◎ 課程說明

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

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

( 報名本課程無須立即付款，待報名人數抵達開課門檻確定開班時，主辦單位會通知繳費 )

◎ 課程編號

DCT-106018

◎ 課程日期

2017/04/26 (三) 、 2017/05/03 (三) (共兩天)

◎ 課程主題

認識 RxJS 與 Observable (線上課程)
- 簡介 RxJS 函式庫與應用情境
  - 剖析 Observable 執行生命週期
  - 釐清 Observable 與 Observer 的差異
  - 認識 Subscription 物件
  - 認識 Subject 物件
  - 認識 Operators 方法
  - 讀懂 Marble diagrams (彈珠圖)
  - 學習如何選擇 Operators
- 快速上手 RxJS 函式庫
  - 建立 Observable 可觀察物件
  - 建立 Subscription 觀察者物件
  - 使用常用的 Operators 練習
  - 控制非同步事件的執行流程
深入了解 Angular 2 Router 路由機制
- 介紹 SPA 架構技術原理
- 介紹路由的應用情境與設定方法
- 認識 Angular 2 路由生命週期
- 快速上手 Angular 2 路由機制
  - 建立 Angular 2 第一層路由
  - 建立 Angular 2 子路由機制
  - 注入與使用 Route 與 Router 物件
  - 注入與使用 ActivatedRoute 物件
- 介紹路由導覽機制
  - 透過 Directives 進行路由導覽
  - 透過程式碼進行路由導覽
  - 在頁面之間傳遞路由參數
  - 認識 data 與 resolve 方法
- 實作路由頁面的延遲載入機制 (效能調校)
- 實作路由頁面的預先載入機制 (效能調校)
深入了解 Angular 2 Form 表單機制
- 介紹 Angular 2 Form 的兩種開發模型
- 深入了解 Template-Driven Form
  - 認識 ngModel
  - 控制表單樣式
  - 處理表單驗證
  - 顯示表單驗證錯誤訊息
  - 認識 ngModelGroup
- 深入了解 Model-Driven Form
  - 認識 formGroup 與 formControlName
  - 處理表單驗證
  - 使用 FormBuilder
  - 設計 Reactive Form (RxJS)
  - 使用 formControl Directive
- 自訂錯誤驗證器 (Custom Validator)
- 如何指定表單欄位內容與重置表單
- 如何在兩種開發模型之間進行選擇
深入了解 Angular 2 變更偵測機制 (效能調校)
- 認識 JavaScript 的可變性
- 認識 Immutable (不可變的) 物件
- 使用 ChangeDetectionStrategy.OnPush 減少變更偵測次數
- 使用 Observables 與 ChangeDetectorRef 減少變更偵測次數
深入了解 Component 元件架構
- 什麼是 View？什麼是 Content？
  - ViewChild & ViewChildren
  - ContentChild & ContentChildren
  - <ng-content>
- 元件內的樣式封裝方法 (ViewEncapsulation)
- 完整的元件生命週期 (Lifecycle Hooks)
- 進階 Directive 開發技巧
  - HostBinding
  - HostListener
  - ElementRef
  - Renderer

◎ 適合對象

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

◎ 預期效益

深入理解 RxJS 與 Observable
深入了解 Angular 2 Router 路由機制
深入了解 Angular 2 Form 表單機制
深入了解 Angular 2 變更偵測機制 (效能調校)
深入了解 Component 元件架構
提升個人能力與幫助前端工程的職涯發展 ( 提供結業證書 )

◎ 講者名單

多奇數位創意有限公司技術總監 Will 保哥

◎ 講者簡歷

現任多奇數位創意有限公司技術總監。連續 9 度當選微軟最有價值專家 (ASP.NET/IIS MVP)。早期專研 LAMP 相關技術，自 2005 年起轉向 Microsoft .NET Platform 開發技術，熟悉各式 Web 開發技術、網站效能調校、SQL Server、網站內容管理系統、網路系統整合。曾擔任 Visual Studio 2010 上市發表會講師、MSDN 講座講師、TechDays Taiwan 2010/2011/2012 講師、TechEd China 2011 講師，出版著作有 ASP.NET MVC 2 開發實戰、ASP.NET MVC 4 開發實戰與 Windows Phone 開發實戰等書籍。
部落格: http://blog.miniasp.com/
粉絲頁: https://www.facebook.com/will.fans

◎ 課程費用

NT$ 8,000.- ( 兩天課程 )