這幾年前端框架的興起，讓所有人陷入挑選前端框架的選擇障礙。本次演說將為大家帶來 Angular 框架的各種完美的開發體驗，告訴大家如何透過 Angular 快速掌握複雜的前端世界。

1. 完美的 Angular 7 前端開發體驗
多奇數位創意有限公司
技術總監 黃保翕 ( Will 保哥 )
http://blog.miniasp.com/

2. 本日大綱
• 新手上路
• 開發體驗
• 學習資源

3. 新手上路
Getting Started

4. Angular 7 開發環境說明 (詳細說明)
• 瀏覽器
• Google Chrome
• 版控工具
• Git
• 開發環境
• Node.js
• 開發工具
• Visual Studio Code
• Angular Extension Pack
• 安裝 Angular 開發環境
• npm install -g @angular/cli
• 檢查安裝環境
• node -v
• npm -v
• git version
• ng version

5. 建立全新 Angular 專案
• CLI
• ng new demo1 --routing --style css
• cd demo1
• npm start
• GUI
• Angular Console

6. 開發體驗
Developer Experience

7. LIVE DEMO
• 套用 HTML 版型
• 建立基本 Angular 元件
• 示範四種 Angular 資料繫結方法
• 示範 HttpClient 用法

8. 學習資源
Learning Resources

9. 相關連結
• Angular 官方網站
• Angular 相關學習資源
• Angular 開發實戰：從零開始 ( 線上 Udemy 教學課程 ) ( 連結內含 Udemy 優惠碼 )
• http://angular.tw (Angular Taiwan)
• https://forum.angular.tw/ ( 台灣 Angular 技術論壇 )
• Angular Extension Pack - Visual Studio Marketplace

10. THANK YOU