Angular

1. AngularJS
User Group Taiwan
企業導入 Angular 作為前端開發的好處
神腦國際 Senao International
全端工程師 Sam ( @oomusou)
部落格：http://oomusou.io/

2. AngularJS
User Group Taiwan
自我介紹
• Sam (@oomusou)
• 興趣
1. 物件導向
2. 函數式編程
3. 測試驅動開發 TDD
4. 重構
5. 設計模式

3. AngularJS
User Group Taiwan
自我介紹
• 經歷
1. Microsoft MVP
2. Microsoft Community Open Camp 講者
3. PHP 也有 Day 主辦/講者
4. PHPConf 2016 議程組組長/講者
5. Angular 線上讀書會 固定班底/講者

4. AngularJS
User Group Taiwan
神腦線上

5. AngularJS
User Group Taiwan
個人部落格 : 點燈坊

6. AngularJS
User Group Taiwan
企業面臨的問題

7. AngularJS
User Group Taiwan
企業面臨的問題
• 團隊內部後端工程師居多
• 從 MVC 改成前後端分離
• 商業邏輯複雜
• 統一好維護的前端架構

8. AngularJS
User Group Taiwan
團隊內部後端工程師居多

9. AngularJS
User Group Taiwan
團隊內部後端工程師居多
• 熟悉 OOP、class、interface、generic
• TypeScript

10. AngularJS
User Group Taiwan
團隊內部後端工程師居多
• 熟悉 DI (Dependency Injection)
• Angular DI

11. AngularJS
User Group Taiwan
團隊內部後端工程師居多
• 喜歡強型別
• TypeScript

12. AngularJS
User Group Taiwan
團隊內部後端工程師居多
• 不喜歡 jQuery，喜歡 Clean Code
• Angular

13. AngularJS
User Group Taiwan
團隊內部後端工程師居多
• 對於前端複雜的工具很無力
• NPM、Angular CLI

14. AngularJS
User Group Taiwan
團隊內部後端工程師居多
• 完整工具支援
• WebStorm

15. AngularJS
User Group Taiwan
從 MVC 改成前後端分離

16. AngularJS
User Group Taiwan
從 MVC 改成前後端分離
• 企業內部各系統會互相呼叫
• 完全 API 化

17. AngularJS
User Group Taiwan
從 MVC 改成前後端分離
• 同時有 Web 與 App 需求
• 完全 API 化

18. AngularJS
User Group Taiwan
從 MVC 改成前後端分離
• 後端只寫到 JSON，避免處理 View
• Angular

19. AngularJS
User Group Taiwan
商業邏輯複雜

20. AngularJS
User Group Taiwan
商業邏輯複雜
• 編譯技術
• TypeScript + Angular

21. AngularJS
User Group Taiwan
商業邏輯複雜
• 單元測試 / E2E測試
• Angular CLI + Jasmine + Protractor

22. AngularJS
User Group Taiwan
商業邏輯複雜
• 強力重構
• WebStorm

23. AngularJS
User Group Taiwan
統一好維護的前端架構

24. AngularJS
User Group Taiwan
統一好維護的前端架構
• JavaScript 維護困難
• TypeScript + Angular + ng lint

25. AngularJS
User Group Taiwan
統一好維護的前端架構
• 不用依賴太多第三方套件，希望是整套 framework
• Angular

26. AngularJS
User Group Taiwan
統一好維護的前端架構
• 統一的目錄架構
• Angular CLI

27. AngularJS
User Group Taiwan
統一好維護的前端架構
• 統一的開發規範
• Ng lint

28. AngularJS
User Group Taiwan
結論

29. AngularJS
User Group Taiwan
結論
• 編譯 + 強型別 = 大型應用程式保證
• TypeScript + DI + RxJS = 大型應用程式神器
• Angular CLI + ng lint = 大型應用程式規範

30. AngularJS
User Group Taiwan
Thank you