第0堂課。Ionic5介紹

 

什麼是 Ionic？

Web語言開發

Ionic 是有潛力的一款 手機應用開發框架。通過 SASS、HTML 構建應用程式，它提供了很多 UI 元件來幫助開發者開發。 

Ionic 使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供資料、界面的雙向繫結，使它成為 Web 和移動開發者的共同選擇。

跨平台

Ionic 是一個專注於WEB開發技術，基於HTML5建立類似於 手機平臺原生應用的一個開發框架。框架目的是從web的角度開發手機應用，基於PhoneGap的編譯平台，可以實現跨平台(Android、IOS)的應用程式。

在最新的移動裝置中表現非常卓越，執行非常流暢。 操作最少的 DOM，非 jQuery，和硬體加速過渡，使用者體驗體驗不錯，尤其是IOS平台，可媲美原生APP。

Ionic、Cordova、Angular關係？

關係圖

Ionic

Ionic 是一個輕量級框架.，完美的融合下一代移動框架，支援 Angularjs 的特性， MVC模式，程式碼易維護.，提供許多漂亮的UI的模塊，通過SASS構建應用程式。

優點：可利用網頁語言開發Android、IOS，提高開發效率和迭代速度、降低開發成本。

缺點：較差的使用者體驗、受限制的一定本地資源和能力。 

Cordova
Ionic 使用 Cordova 作為混合應用程序的框架基礎。 是一款開放原始碼的App開發框架，旨在讓開發者使用HTML、Javascript、CSS等Web APIs開發跨平臺的移動平臺應用程式。

也是一個行動裝置的API介面集，利用JavaScript存取這些介面可以呼叫諸如攝影機、羅盤等硬體系統資源。配合上一些基於HTML5、CSS3技術的UI框架，如jQuery Mobile、Dojo Mobile、Sencha Touch。

開發者得以快速地開發跨平臺，而不需要編寫任何App的原生程式碼。注意到因為Cordova本身仍是一個原生程式，為App打包時依然需要用到這些系統平臺的SDK。

Angular

Angular 是一個眾所周知的 Javascript 框架，用於設計 動態web 應用開發，Ionic 是建立在它之上的。 Angular 提供 web 應用程序邏輯，它可用來創建實際的應用程序。

不僅僅是一個javascript框架，與傳統web系統相區別，動態web應用能為使用者提供豐富的操作，能夠隨使用者操作不斷更新檢視而不進行url跳轉。

ng官方也宣告它更適用於開發CRUD應用，即資料操作比較多的應用，引入了一些非常棒的特性，包括模板機制、資料繫結、模組、指令、依賴注入、路由。通過資料與模板的繫結，能夠讓我們擺脫繁瑣的DOM操作，而將注意力集中在業務邏輯上。

Angular遵循軟體工程的MVC模式，鼓勵展現、資料、邏輯元件之間的鬆耦合。通過 依賴注入(dependency injection)，為客戶端的Web應用帶來了傳統服務端的服務。因此，後端減少了許多負擔，產生了更輕量化的Web應用。

Ionic、Xamarin、React Native 跨平台開發框架比較圖

以上為個人開發經驗、看法，如果有錯誤，歡迎指導及討論，謝謝~~