狠狠撸

狠狠撸Share a Scribd company logo
AngularJS
User Group Taiwan
企業導入 Angular 作為前端開發的好處
神腦國際 Senao International
全端工程師 Sam ( @oomusou)
部落格:http://oomusou.io/
AngularJS
User Group Taiwan
自我介紹
? Sam (@oomusou)
? 興趣
1. 物件導向
2. 函數式編程
3. 測試驅動開發 TDD
4. 重構
5. 設計模式
AngularJS
User Group Taiwan
自我介紹
? 經歷
1. Microsoft MVP
2. Microsoft Community Open Camp 講者
3. PHP 也有 Day 主辦/講者
4. PHPConf 2016 議程組組長/講者
5. Angular 線上讀書會 固定班底/講者
AngularJS
User Group Taiwan
神腦線上
AngularJS
User Group Taiwan
個人部落格 : 點燈坊
AngularJS
User Group Taiwan
企業面臨的問題
AngularJS
User Group Taiwan
企業面臨的問題
? 團隊內部後端工程師居多
? 從 MVC 改成前後端分離
? 商業邏輯複雜
? 統一好維護的前端架構
AngularJS
User Group Taiwan
團隊內部後端工程師居多
AngularJS
User Group Taiwan
團隊內部後端工程師居多
? 熟悉 OOP、class、interface、generic
? TypeScript
AngularJS
User Group Taiwan
團隊內部後端工程師居多
? 熟悉 DI (Dependency Injection)
? Angular DI
AngularJS
User Group Taiwan
團隊內部後端工程師居多
? 喜歡強型別
? TypeScript
AngularJS
User Group Taiwan
團隊內部後端工程師居多
? 不喜歡 jQuery,喜歡 Clean Code
? Angular
AngularJS
User Group Taiwan
團隊內部後端工程師居多
? 對於前端複雜的工具很無力
? NPM、Angular CLI
AngularJS
User Group Taiwan
團隊內部後端工程師居多
? 完整工具支援
? WebStorm
AngularJS
User Group Taiwan
從 MVC 改成前後端分離
AngularJS
User Group Taiwan
從 MVC 改成前後端分離
? 企業內部各系統會互相呼叫
? 完全 API 化
AngularJS
User Group Taiwan
從 MVC 改成前後端分離
? 同時有 Web 與 App 需求
? 完全 API 化
AngularJS
User Group Taiwan
從 MVC 改成前後端分離
? 後端只寫到 JSON,避免處理 View
? Angular
AngularJS
User Group Taiwan
商業邏輯複雜
AngularJS
User Group Taiwan
商業邏輯複雜
? 編譯技術
? TypeScript + Angular
AngularJS
User Group Taiwan
商業邏輯複雜
? 單元測試 / E2E測試
? Angular CLI + Jasmine + Protractor
AngularJS
User Group Taiwan
商業邏輯複雜
? 強力重構
? WebStorm
AngularJS
User Group Taiwan
統一好維護的前端架構
AngularJS
User Group Taiwan
統一好維護的前端架構
? JavaScript 維護困難
? TypeScript + Angular + ng lint
AngularJS
User Group Taiwan
統一好維護的前端架構
? 不用依賴太多第三方套件,希望是整套 framework
? Angular
AngularJS
User Group Taiwan
統一好維護的前端架構
? 統一的目錄架構
? Angular CLI
AngularJS
User Group Taiwan
統一好維護的前端架構
? 統一的開發規範
? Ng lint
AngularJS
User Group Taiwan
結論
AngularJS
User Group Taiwan
結論
? 編譯 + 強型別 = 大型應用程式保證
? TypeScript + DI + RxJS = 大型應用程式神器
? Angular CLI + ng lint = 大型應用程式規範
AngularJS
User Group Taiwan
Thank you
Ad

Recommended

Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界
Gelis Wu
?
Asp.net mvc 基礎
Asp.net mvc 基礎
Gelis Wu
?
Web设计 2 工欲善其事(开发web项目工具的选择)
Web设计 2 工欲善其事(开发web项目工具的选择)
ziggear
?
Banquet 04
Banquet 04
Koubei UED
?
前端大型系統的基石 TypeScript
前端大型系統的基石 TypeScript
Gelis Wu
?
软体开发之路甘苦谈(骋别濒颈蝉)
软体开发之路甘苦谈(骋别濒颈蝉)
Gelis Wu
?
台灣 AngularJS 社群小聚
台灣 AngularJS 社群小聚
Jimmy Ho
?
Agile tour 2014 - Coding Dojo with C# and TDD
Agile tour 2014 - Coding Dojo with C# and TDD
AgileCommunity
?
twMVC#17 | 使用Angular.js開發大型系統架構
twMVC#17 | 使用Angular.js開發大型系統架構
twMVC
?
Better use angular
Better use angular
Yanru Li
?
极速 Angular 开发:效能调校技巧 (ngChina 2019)
极速 Angular 开发:效能调校技巧 (ngChina 2019)
Will Huang
?
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
Will Huang
?
Agile tour Taipei 2014 - coding dojo with CSharp and TDD
Agile tour Taipei 2014 - coding dojo with CSharp and TDD
Joey Chen
?
Angular 4 網站開發最佳實務 (Modern Web 2017)
Angular 4 網站開發最佳實務 (Modern Web 2017)
Will Huang
?
Micro-frontends with Angular 10 (Modern Web 2020)
Micro-frontends with Angular 10 (Modern Web 2020)
Will Huang
?
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
?
叁部项目结项
叁部项目结项
Neal_Lee
?
How to ASP.NET MVC4
How to ASP.NET MVC4
Daniel Chou
?
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Jeff Wu
?
选一个框架当好朋友,让您成為开心攻城狮
选一个框架当好朋友,让您成為开心攻城狮
Shengyou Fan
?
開放原始碼 Ch0 intro- final group porject (ver 1.5)
開放原始碼 Ch0 intro- final group porject (ver 1.5)
My own sweet home!
?
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101
Jollen Chen
?
twMVC#09 | AngularJS 開發 ASP.NET MVC
twMVC#09 | AngularJS 開發 ASP.NET MVC
twMVC
?
AngularJS 開發 ASP.NET MVC -twMVC#9
AngularJS 開發 ASP.NET MVC -twMVC#9
twMVC
?
一小時可以打造什麼服務Plus twMVC#18
一小時可以打造什麼服務Plus twMVC#18
twMVC
?
twMVC#18 | 一小時能做出什麼服務 Plus
twMVC#18 | 一小時能做出什麼服務 Plus
twMVC
?
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
升煌 黃
?
Angular Conf 2018 - 原來 Angular 可以這樣玩設定
Angular Conf 2018 - 原來 Angular 可以這樣玩設定
Poy Chang
?

More Related Content

Similar to 企業導入 Angular 作為前端開發的好處 (20)

twMVC#17 | 使用Angular.js開發大型系統架構
twMVC#17 | 使用Angular.js開發大型系統架構
twMVC
?
Better use angular
Better use angular
Yanru Li
?
极速 Angular 开发:效能调校技巧 (ngChina 2019)
极速 Angular 开发:效能调校技巧 (ngChina 2019)
Will Huang
?
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
Will Huang
?
Agile tour Taipei 2014 - coding dojo with CSharp and TDD
Agile tour Taipei 2014 - coding dojo with CSharp and TDD
Joey Chen
?
Angular 4 網站開發最佳實務 (Modern Web 2017)
Angular 4 網站開發最佳實務 (Modern Web 2017)
Will Huang
?
Micro-frontends with Angular 10 (Modern Web 2020)
Micro-frontends with Angular 10 (Modern Web 2020)
Will Huang
?
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
?
叁部项目结项
叁部项目结项
Neal_Lee
?
How to ASP.NET MVC4
How to ASP.NET MVC4
Daniel Chou
?
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Jeff Wu
?
选一个框架当好朋友,让您成為开心攻城狮
选一个框架当好朋友,让您成為开心攻城狮
Shengyou Fan
?
開放原始碼 Ch0 intro- final group porject (ver 1.5)
開放原始碼 Ch0 intro- final group porject (ver 1.5)
My own sweet home!
?
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101
Jollen Chen
?
twMVC#09 | AngularJS 開發 ASP.NET MVC
twMVC#09 | AngularJS 開發 ASP.NET MVC
twMVC
?
AngularJS 開發 ASP.NET MVC -twMVC#9
AngularJS 開發 ASP.NET MVC -twMVC#9
twMVC
?
一小時可以打造什麼服務Plus twMVC#18
一小時可以打造什麼服務Plus twMVC#18
twMVC
?
twMVC#18 | 一小時能做出什麼服務 Plus
twMVC#18 | 一小時能做出什麼服務 Plus
twMVC
?
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
升煌 黃
?
Angular Conf 2018 - 原來 Angular 可以這樣玩設定
Angular Conf 2018 - 原來 Angular 可以這樣玩設定
Poy Chang
?
twMVC#17 | 使用Angular.js開發大型系統架構
twMVC#17 | 使用Angular.js開發大型系統架構
twMVC
?
Better use angular
Better use angular
Yanru Li
?
极速 Angular 开发:效能调校技巧 (ngChina 2019)
极速 Angular 开发:效能调校技巧 (ngChina 2019)
Will Huang
?
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
Will Huang
?
Agile tour Taipei 2014 - coding dojo with CSharp and TDD
Agile tour Taipei 2014 - coding dojo with CSharp and TDD
Joey Chen
?
Angular 4 網站開發最佳實務 (Modern Web 2017)
Angular 4 網站開發最佳實務 (Modern Web 2017)
Will Huang
?
Micro-frontends with Angular 10 (Modern Web 2020)
Micro-frontends with Angular 10 (Modern Web 2020)
Will Huang
?
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
?
叁部项目结项
叁部项目结项
Neal_Lee
?
How to ASP.NET MVC4
How to ASP.NET MVC4
Daniel Chou
?
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Jeff Wu
?
选一个框架当好朋友,让您成為开心攻城狮
选一个框架当好朋友,让您成為开心攻城狮
Shengyou Fan
?
開放原始碼 Ch0 intro- final group porject (ver 1.5)
開放原始碼 Ch0 intro- final group porject (ver 1.5)
My own sweet home!
?
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101
Jollen Chen
?
twMVC#09 | AngularJS 開發 ASP.NET MVC
twMVC#09 | AngularJS 開發 ASP.NET MVC
twMVC
?
AngularJS 開發 ASP.NET MVC -twMVC#9
AngularJS 開發 ASP.NET MVC -twMVC#9
twMVC
?
一小時可以打造什麼服務Plus twMVC#18
一小時可以打造什麼服務Plus twMVC#18
twMVC
?
twMVC#18 | 一小時能做出什麼服務 Plus
twMVC#18 | 一小時能做出什麼服務 Plus
twMVC
?
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
升煌 黃
?
Angular Conf 2018 - 原來 Angular 可以這樣玩設定
Angular Conf 2018 - 原來 Angular 可以這樣玩設定
Poy Chang
?

企業導入 Angular 作為前端開發的好處