許多前端開發人員經常面臨前端框架的選擇問題，這個場次我將分享多年來在 Angular 開發、導入、教學方面的實務經驗，幫助大家評斷自身團隊是否適用 Angular 開發框架。

1. Angular 的好，只有用過的人才知道
給我一個拒絕 Angular 開發框架的理由
多奇數位創意有限公司
技術總監 黃保翕（Will 保哥）
https://blog.miniasp.com

2. 選擇 Angular 的理由
• 企業級前端框架
Enterprise-grade Frontend Framework
• 超高生產力
Super High Productivity
• 穩定的版本升級策略
Stable Versioning and Releases

3. 企業級前端框架
Enterprise-grade Frontend Framework

4. 你不能拒絕 Angular 開發框架的理由
• 使用強型別的 TypeScript 程式語言
- 什麼是強型別 (Strong Typing)？
- 使用強型別的程式語言可以帶來什麼好處？
• 使用以類別為基礎的物件導向架構開發 Web 應用程式
- OOP / OOAD 是最貼近人腦思維模式的設計方式
- 大多數資訊本科畢業的學生都有學習過 OOP / OOAD 相關概念
- 市面上 OOP / OOAD 相關書籍非常之多！
• 採用免費、高效、強大的 Visual Studio Code 開發工具
- Angular Extension Pack / Angular Language Service
4

5. 你可能會拒絕 Angular 開發框架的理由
• 我不知道什麼是 OOP / OOAD，沒學過也不想學！
• 我只寫過動態型別的程式語言，而且對強型別沒興趣！
• 公司就我一位工程師，一人飽就全家飽，jQuery 我用的很開心！
• 我擁有一個自由的靈魂，不喜歡被框架束縛，VanillaJS 就是我的菜！
5

6. 超高生產力
Super High Productivity

7. 你不能拒絕 Angular 開發框架的理由
• 清楚明瞭的 Angular 架構
- 四種資料繫結、三種 Directives、範本參考變數、Pipe、Service、...
• 內建程式碼產生器工具 (Angular CLI) 改善開發流程
- 使用 Schematics 工具
• 內建 codelyzer 靜態程式碼分析工具確保開發品質
- 搭配 TSLint 自動檢查程式撰寫風格，更能自動修復有問題的程式碼
• 擁有強大的開發偵錯工具 Augury
- 一目了然地理解頁面中呈現出來的元件結構
7

8. 你可能會拒絕 Angular 開發框架的理由
• 無
8

9. 穩定的版本升級策略
Stable Versioning and Releases

10. 你不能拒絕 Angular 開發框架的理由
• 穩定的 Angular 的版本與釋出
- Google 公司內部有 1,500 個用 Angular 打造的 Web 應用程式
• 完整的升級攻略
- Angular Update Guide
• 持續維持在永遠的最新版
- 透過 Angular CLI 的 ng update 命令自動升級套件
- 對於過時的 TypeScript 寫法也會自動更新與升級
- 請搭配 Angular Update Guide 食用！
10

11. 穩定的 Angular 的版本與釋出
• 釋出頻率 ( 採用 SemVer 語意化版本 )
- 每 6 個月一個主版本，每個主版本有 1~3 個小版本，約每週一個補丁版本
• 釋出計劃
- Angular 9.0.0 2019 年 10/11 月
- Angular 10.0.0 2020 年 5 月
• 支援策略
- 所有主版本的支援週期都是 18 個月
• 6 個月的活躍支援（active support）
• 12 個月的長期支援（Long-term Support）(LTS)
11

12. 持續維持在永遠的最新版
• 安裝最新版的 Angular CLI
- npm install -g @angular/cli
• 更新所有套件到最新版
- ng update --all --force
• 重新啟動開發伺服器
- npm start
12

13. 你可能會拒絕 Angular 開發框架的理由
• 無
13

14. 相關連結
• Angular 正體中文官網
• 台灣 Angular 技術論壇
• Angular Taiwan Facebook 社團
• Angular Extension Pack - Visual Studio Marketplace
• TypeScript 新手指南
14

15. 我們在招募前端工程師！

16. The Will Will Web
網路世界的學習心得與技術分享
http://blog.miniasp.com/
Facebook
Will 保哥的技術交流中心
http://www.facebook.com/will.fans
Twitter
https://twitter.com/Will_Huang
聯絡資訊

17. THANK YOU!
Q&A