ionic - hybrid mobile application framework

Create Incredible Mobile Apps using Ionic Framework

http://www.deligence.com

What we will Cover -IntroductionHistoryWhere Does Ionic Fit?FeaturesBenefits of Ionic FrameworkAdvantages and DisadvantagesIonic and IOTSupported PlatformsPerformanceInstallationConclusion


Ionic - Introduction

Ionic is an advanced HTML5 Hybrid Mobile App Framework used for developing mobile apps.

Ionic is built on AngularJS and Apache Cordova.

It provides tools and services for building mobile UI with native look and feel.

Ionic framework needs a native wrapper to be able to run on mobile devices.

It allows you to build cross platform native applications using AngularJS.


Ionic - History


Ionic - History

Ionic was created by Drifty Co. in 2013. Drifty's prior products include Codiqa and Jetstrap, drag-and-drop interface building tools using jQuery Mobile and Bootstrap. Taking feedback from customers who tried to build mobile apps, the team decided to build their own framework that would focus on performance and be built with modern Web standards. After releasing an alpha version of the framework in November 2013, a 1.0 beta was released in March 2014, with a 1.0 final in May 2015.

In 2015 Ionic developers reportedly created over 1.3M apps with the SDK.


Where Does Ionic Fit?


Ionic - Features

Ionic - FeaturesIonic provides all the functionality that can be found in native mobile development SDKs.

Users can build their apps, customize them for Android or iOS, and deploy through Cordova.

Ionic includes mobile components, typography, interactive paradigms, and an extensible base theme.

Based on SASS and provides tons of UI components for creating robust and rich apps.

Ionic comes transported with a powerful CLI, providing mobile app developers the ability to build and test Ionic apps on any platform.


Ionic - Benefits

Benefits of Ionic Framework in Mobile App Development

Platform Independent Framework

Default User Interface

Feasible Cross Mobile App Development

Built On AngularJS


Ionic – Advantages & Disadvantages


Ionic – Advantages & DisadvantagesAdvantage -One source for all the suported platforms (mainly Android and OSX).

Main development in html, css and js, which almos all web developers know (or at leas the good ones).

And being able to use great frameworks like angular, which is embedded in ionic by default.

Disadvantage -Less performance as it's not completely native, not that much of an issue unless making games or high load apps, the ones that uses a lot of resources.


Ionic and the Internet of Things (IOT)

As the IoT industry grows, there will be a huge need for developers to build countless mobile apps, quickly and inexpensively, that interact with sensors, Arduino chips, and BLE. Ionic’s open source toolkit offers developers a free way to build attractive, user-friendly, performant apps very quickly, using web technologies that are already familiar to web developers and fairly easy for new mobile developers to master.

Here are a few of my favorite examples of Ionic apps being used for IoT projects –

A Daft Punk-Inspired Robot Helmet

A Crossfit WOD App

Duffel Bags with Integrated Bluetooth Beacons

Sensors that Monitor Concrete as it Sets

Ionic and IOT


Ionic – Supported Platforms

Ionic – Supported Platforms

Ionic is focused on building for modern Web standards and for modern mobile devices.

For Android, Ionic supports Android 4.1 and up.

For iOS, Ionic supports iOS 7 and up.

Ionic supports the Universal Windows Platform for building Windows 10 apps.

Ionic Framework, powered by Angular.js, supports BlackBerry 10 apps.


Ionic – Performance

Compared to hybrid applications, mixing Ionic code with native mobile app code in PhoneGap allows for higher performance of the resulting product: utilizing AngularJS (rather than jQuery) allows Ionic to rely on native hardware acceleration (rather than extensive DOM manipulation). Ionic leverages CSS transitions and transforms for animation as a way to leverage the GPU and maximize available processor time.


Ionic – Installation

Ionic – Installation

Ionic is an npm module and requires Node.js.

Ionic CLI

Install Ionic from npm npm install - g ionic cordova

ionic startionic serveionic buildionic emulate/runionic resourcesionic docsionic uploadionic shareand many more....


Ionic – Conclusion

Ionic Framework is the dominant HTML5 mobile development framework at present. You don’t know how things will play out in this fast changing app development world, but Ionic is well placed to go on its domination and become more and more better in the future.


Deligence Technologies - your growing technology partner! www.deligence.com/contact-us Email : [email protected] : +91 9910130340


ionic - hybrid mobile application framework

Technology