此課程適合給...
-
了解基礎 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)
- 如何指定表單欄位內容與重置表單
- 如何在兩種開發模型之間進行選擇
多頁面必學，深入瞭解 Angular 路由機制
- 介紹 SPA 架構技術原理
- 介紹路由的應用情境與設定方法
- 認識 Angular 路由生命週期
- 快速上手 Angular 路由機制
- ．建立 Angular 第一層路由
- ．建立 Angular 子路由機制
- ．注入與使用 Route 與 Router 物件
- ．注入與使用 ActivatedRoute 物件
- 介紹路由導覽機制
- ．透過 Directives 進行路由導覽
- ．透過程式碼進行路由導覽
- ．在頁面之間傳遞路由參數
- ．認識 data 與 resolve 方法
- 實作路由頁面的延遲載入機制 (效能調校)
- 實作路由頁面的預先載入機制 (效能調校)
前端怎麼可能沒有表單，深入了解 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 至今連續 19 度當選 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 開發實戰等書籍。
聯絡多奇