◎ 課程說明
別再當隻迷途羔羊，莽撞迷失在這浩瀚無垠的前端大海，這個世界變動快到你來不及自己摸索了，你需要更快速、更優質、更有效的學習方式！
為何選擇 Angular？
Angular 框架經過數年的發展，框架本身已經相當成熟，不但進入門檻越來越低，在執行速度、開發效率、學習曲線方面，也都得到了一個相當不錯的平衡點。我們都知道，網頁前端技術日新月異，但就長期觀察下來，近兩年來 Angular 框架發展已經相當穩定，官方團隊也不斷精進整個開發生態，無論是在開發工具的支援，或是透過 Angular CLI 加速大型專案管理，都已經有相當程度的效益。現在，就是投入 Angular 學習的最佳時機！
Angular 非常適合用在企業級系統開發，其友善及漂亮的架構，可以有效減少團隊開發時所遇到的各種溝通問題，本課程搭配的實作課程，將以大量練習為主軸，由經驗豐富的實戰專家 Mike，從無到有帶你打造一個簡易但功能完善的內容管理系統，讓學員得以理解到 Angular 正確的核心概念與實務經驗，學會上場殺敵的真本事。
想當年，AngularJS 的出現，帶給大家的是一次又一次的驚喜，但這精采絕倫的學習曲線，著實讓人又愛又恨。大家也見識過 React 的絢麗登場，效能優異的 VDOM 技術霎時震攝了不少前端攻城獅，不過能力越強，責任也就越大，隨之而來的便是架構上的混亂與不知所措。
現在，Angular 9 的到來，不但挾帶強大的架構優勢與全新的元件化技術降低學習門檻，優異的 TypeScript 與各式開發工具的火力支援更是如虎添翼，如果再算上國內外龐大的社群基礎，可預見的將在這前端世界掀起一場絢麗戰火。
課程中將帶領大家快速上手 Angular 網站開發框架，課程中也會提及部分ES6/TypeScript的重要特性與觀念，更會在課後提供進一步的 Angular 補充教材（免費），相信可以帶領大家在最短時間內掌握Angular 開發密技。
◎ 課程編號
- DCT-109001
◎ 課程日期
- 2020 / 02 / 09 (日) Angular 9 開發實戰：新手入門篇
- 2020 / 02 / 23 (日) Angular 9 開發實戰：新手實作篇
- 09:00 ~ 17:00 (中午休息一個小時)
◎ 課程主題
Angular 9 開發實戰：新手入門篇
- 學習 Angular 之前的準備工作 (線上進行)
- 認識 Visual Studio Code 編輯器
- 基本開發環境介紹
- 常用擴充套件介紹
- 認識重要前端工具
- npm
- gulp
- webpack
- tsc
- typings
- 認識 TypeScript 與 ES6 重要特性
- Type Annotation
- Casting
- Module / import / export
- Class
- Interface
- Arrow function
- Generics (泛型)
- Spread operator ( ... )
- Declaration File ( *.d.ts )
- Decorator
- 認識 Visual Studio Code 編輯器
- 體驗 Angular 開發流程
- 認識 Angular 運作架構
- 認識 Angular 啟動流程
- 建立專案骨架
- 建立 App 元件
- 建立 App 元件樣板 (Template)
- 套用 App 元件樣板的樣式 (Styles)
- 認識 Directive 畫面命令
- 建立子元件與樣板
- 建立事件處裡器
- 認識 4 種資料繫結方法
- 使用相依注入與 Http 服務
- 建立服務元件
Angular 9 開發實戰：新手實作篇
- 主軸1：Angular 專案基礎架構
- 任務 01：建立專案基礎架構
- 任務 02：現有模板切版，及元件規劃
- 主軸2：Angular 畫面呈現與應用
- 任務 03：使用內嵌繫結 (interpolation) 顯示資料
- 任務 04：使用屬性繫結 (Property Binding) 顯示資料
- 任務 05：使用事件繫結 (Event Binding) 顯示資料
- 任務 06：使用雙向繫結 (Two-way Binding) 顯示資料
- 任務 07：使用Angular內建的屬性指令 (Attribute Directive)
- 任務 08：使用Angular內建的結構指令 (Structural Directive)
- 主軸3：Angular 中元件與元件傳遞資料的技巧
- 任務 09：使用 @Input() 傳遞資料給子元件
- 任務 10：使用 @Output() 接受子元件輸出的資料
- 主軸4：服務 (service) 概念與應用
- 任務 11：自訂服務元件
- 任務 12：使用 HttpClient 服務
- 主軸5：其他 Angular 功能特色
- 任務 13：使用內建 Pipe
- 任務 14：自訂 Pipe
◎ 適合對象
- 了解基礎 HTML / CSS / JavaScript 語法
- Web 開發人員 / 網頁設計師 / 網頁前端工程師
- 具有基礎的程式設計概念 (寫過任何一種程式語言即可)
- 本課程不適合完全沒有 JavaScript 開發經驗的人 (僅需基礎JS能力即可)
◎ 預期效益
- 了解 Angular 開發框架與其優勢
- 了解 Angular 1 與 Angular 9 的差異
- 了解如何用 Angular 提升網站的可維護性
- 了解 Angular 開發框架最重要的基礎觀念
- 結訓後可立即使用 Angular 開發前端應用程式
- 透過實作一整套「內容管理系統」，學會完整的 Angular 開發生命週期
- 藉由動手實作，將完整的實務開發經驗刻入腦袋中
- 學會管理大型 Angular 專案的實務經驗與技巧
- 提升個人能力與幫助前端工程的職涯發展 ( 提供結業證書 )
◎ 講者名單
多奇數位創意有限公司 技術總監 Will 保哥
- 2019 年獲選 Microsoft Regional Director (RD) 微軟技術社群區域總監
- 2018 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家
- 2008 至今連續 12 度當選 Microsoft MVP 微軟最有價值專家 (Developer Technologies)。
- 2013 年曾獲選第 6 屆iT邦幫忙鐵人賽【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】、【iT邦幫忙鐵人賽優選】三項殊榮。
- 熟悉 Web 開發技術、網站效能調校、許多 .NET/C# 開發技術、SQL Server 資料庫開發、網站內容管理系統、Docker 與 Kubernetes。
- 曾擔任 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 (實作課程)
- 現任多奇數位創意有限公司全端工程師
- 2018 年以「Angular Material 完全攻略」系列文章榮獲 2018 iT 邦幫忙鐵人賽 Modern Web 組 冠軍
- 熟悉 .NET 與 Angular 相關技術，熱衷各式新奇技術研究與分享學習經驗。
- 部落格: https://wellwind.idv.tw/blog
◎ 課程費用
個人票
- 新手入門篇 (一天) NT$ 4,000.-
- 新手實作篇 (一天) NT$ 4,000.-
- 新手入門+實作 組合包 NT$ 7,200.-
- 組合包包含「新手入門篇」+「新手實作篇」兩天課程
團體票
- 新手入門 三人同行票 NT$ 3,600.- (每人)
- 新手實作 三人同行票 NT$ 3,600.- (每人)
- 新手入門+實作 組合包 三人同行票 NT$ 7,000.- (每人)
◎ 退換票辦法
- 考量行政成本，已完成繳費之學員如欲取消報名 -
- 開課前11天申請退費，退學費90%。
- 開課前10天申請退費，退學費 0%。
- 如需退費，請填寫課程退費申請表，收到申請表，課程專員將寄發通知信
以告知申請進度 - 統一退費日期為申請日之下個月10號。申請時間為「課程退費申請表」的回覆日期。
- 學員須自行負擔匯款手續費，NT 30元
◎ 注意事項
- 本課程包含午餐
- 學員需攜帶筆電，且須事先安裝好實作環境(課前公告於FB社團)
- 如需開立三聯式發票，請於報名時提供【公司名稱】與【統一編號】
- 若課程發票欲提前呈報公司報帳，請於報帳前來電或來信告知
- 若報名課程學員人數不足15人，主辦單位有權取消當次課程，並退還全額課程費用
- 若因不可抗拒之因素(如：天災、停電)，主辦單位有權取消當次課程，並退還全額課程費用
- 為配合政府落實節能減碳及推動電子發票政策，本公司從民國 107 年開始使用電子發票。為確保您能順利取得電子發票，煩請於下單時再次確認您已提供正確之 E-mail 信箱
