◎ 課程說明
建置單一頁面應用程式 (SPA) 在 Angular 14 的優異架構下變得十分容易，在新手入門之後，更多的挑戰也隨之而來，像是抽象的 RxJS 可以用來高效的處理非同步事件，精煉過的 Router 路由機制可用來處理多頁面導覽，強大的 Forms 動態表單機制可以設計出各式各樣的表單應用，這些特性與架構都可以幫助我們用更精簡、更好維護的程式碼，來撰寫原本極其複雜的 SPA 應用程式。
學習像 Angular 14 這種看似複雜而又能簡單抽象的開發架構，不可避免的還是要透過正確的觀念導引，幫助剛入門的 Angular 14 前端工程師走上進階的開發之路。本課程特別精選幾個必學的 Angular 14 開發主題，開辦三天的訓練課程，透過觀念與實務的結合，相信能讓大家快速上手 Angular 14 最重要的實戰開發技巧。
實作課程將以大量練習為主軸，由經驗豐富的實戰專家 Mike，從無到有帶你打造一個簡易但功能完善的內容管理系統，讓學員得以理解到 Angular 正確的核心概念與實務經驗，學會上場殺敵的真本事。
◎ 課程編號
- DCT-111008
◎ 課程日期
- 2022/07/17、2022/07/24 (日) Angular 14 開發實戰：進階開發篇
- 2022/07/31 (日) Angular 14 開發實戰：進階實作篇
- 09:00~17:00 (中午休息一個小時)
◎ 課程特色
- 由 Will 保哥 全程線上授課，無地域限制，可即時回應學員任何疑惑
- 學員可透過多種管道提問：FB 社團、Zoom 聊天室、Zoom 共享桌面
- 學員可透過共享螢幕的方式提問與遠端控制，學員可觀摩解決問題的過程
- 課程全程錄影，學員課後 3 個月內可免費無限次重播！
- 課程結束寄發 Will 保哥親筆簽名結業證書 (無價)
◎ 課程主題
Angular 14 開發實戰：進階開發篇
- 深入了解 Angular 14 Router 路由機制
- 介紹 SPA 架構技術原理
- 介紹路由的應用情境與設定方法
- 認識 Angular 14 路由生命週期
- 快速上手 Angular 14 路由機制
- 建立 Angular 14 第一層路由
- 建立 Angular 14 子路由機制
- 注入與使用 Route 與 Router 物件
- 注入與使用 ActivatedRoute 物件
- 介紹路由導覽機制
- 透過 Directives 進行路由導覽
- 透過程式碼進行路由導覽
- 在頁面之間傳遞路由參數
- 認識 data 與 resolve 方法
- 實作路由頁面的延遲載入機制 (效能調校)
- 實作路由頁面的預先載入機制 (效能調校)
- 深入了解 Angular 14 Form 表單機制
- 介紹 Angular 14 Form 的兩種開發模型
- 深入了解 Template-Driven Form
- 認識 ngModel
- 控制表單樣式
- 處理表單驗證
- 顯示表單驗證錯誤訊息
- 認識 ngModelGroup
- 深入了解 Model-Driven Form
- 認識 formGroup 與 formControlName
- 處理表單驗證
- 使用 FormBuilder
- 設計 Reactive Form (RxJS)
- 使用 formControl Directive
- 自訂錯誤驗證器 (Custom Validator)
- 如何指定表單欄位內容與重置表單
- 如何在兩種開發模型之間進行選擇
Angular 14 開發實戰：進階實作篇
- 主軸 1：了解模組化管理觀念
- 任務 01：建立 FeatureModule
- 任務 02：建立 CoreModule
- 任務 03：建立 SharedModule
- 主軸 2：使用路由機制 (Router) 來切換不同頁面
- 任務 04：建立並設定路由機制
- 任務 05：使用 RouterLink 與 RouterLinkActive
- 任務 06：在程式中動態切換路由
- 主軸 3：使用表單驗證功能來驗證使用者輸入資訊
- 任務 07：使用 Template Driven Form 繫結表單資料
- 任務 08：使用 Template Driven Form 驗證表單資料
- 任務 09：使用 Model Driven Form 繫結表單資料
- 任務 10：使用 Model Driven Form 驗證表單資料
◎ 適合對象
- 了解基礎 HTML / CSS / JavaScript 語法
- Web 開發人員 / 網頁設計師 / 網頁前端工程師
- 具有基礎的程式設計概念 (寫過任何一種程式語言即可)
- 須了解 Angular 14 基礎開發技巧 (建立子元件/樣板語法/相依注入/注入 Http 服務元件)
- 本課程不適合完全沒有 Angular 14 基礎的人
◎ 預期效益
- 深入理解 RxJS 與 Observable
- 深入了解 Angular 14 Router 路由機制
- 深入了解 Angular 14 Form 表單機制
- 透過實作一整套「內容管理系統」，學會完整的 Angular 開發生命週期
- 藉由動手實作，將完整的實務開發經驗刻入腦袋中
- 學會管理大型 Angular 專案的實務經驗與技巧
- 深入理解 Angular 實務開發技巧與進階應用
- 學會 Angular 表單管理的實務經驗與技巧
- 提升個人能力與幫助前端工程的職涯發展 ( 提供結業證書 )
◎ 講者名單
多奇數位創意有限公司 技術總監 Will 保哥
- 2019 年獲選 Microsoft Regional Director (RD) 微軟技術社群區域總監
- 2018 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家
- 2008 至今連續 15 度當選 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/
- 粉絲頁: https://www.facebook.com/will.fans
多奇數位創意有限公司 全端工程師 黃升煌 Mike (實作課程)
- 2020 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家
- 2020 至榮獲 Microsoft MVP 微軟最有價值專家 (Developer Technologies)
- 2017 年以「Angular Material 完全攻略」榮獲【第 9 屆 iT 邦幫忙鐵賽】Modern Web 組冠軍
- 2018 年以「Angular 大師之路」榮獲【第 10 屆 iT 邦幫忙鐵人賽】Modern Web 組優選
- 2020 年以「打通 RxJS 任督二脈」榮獲【第 12 屆 iT 邦幫忙鐵人賽】Modern Web 組冠軍
- 熟悉 Angular 與 .NET 相關開發技術
- 部落格: https://wellwind.idv.tw/blog/
- 粉絲頁: https://www.facebook.com/fullstackledder/
◎ 課程費用
- 優惠票 NT$ 12,000.-
- 三人同行票 NT$ 10,800.- (每人)
- 本課程包含「進階開發篇 2天」+「進階實作篇 1天」，共三天課程
◎ 退換票辦法
- 考量行政成本，已完成繳費之學員如欲取消報名 -
- 開課前11天申請退費，退學費90%。
- 開課前10天申請退費，退學費 0%。
- 如需退費，請填寫課程退費申請表，收到申請表，課程專員將寄發通知信
以告知申請進度 - 統一退費日期為申請日之下個月10號。申請時間為「課程退費申請表」的回覆日期。
- 學員須自行負擔匯款手續費，NT 30元
◎ 注意事項
- 學員需事先安裝好實作環境 (課前公告在FB社團)
- 如需開立三聯式發票，請於報名時提供【公司名稱】與【統一編號】
- 若課程發票欲提前呈報公司報帳，請於報帳前來電或來信告知
- 若報名課程學員人數不足15人，主辦單位有權取消當次課程，並退還全額課程費用
- 若因不可抗拒之因素(如：天災、停電)，主辦單位有權取消當次課程，並退還全額課程費用
- 為配合政府落實節能減碳及推動電子發票政策，本公司從民國 107 年開始使用電子發票。為確保您能順利取得電子發票，煩請於下單時再次確認您已提供正確之 E-mail 信箱
