Date post: | 19-Jan-2017 |
Category: |
Technology |
Upload: | sanjay-kumar |
View: | 52 times |
Download: | 0 times |
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
http://www.deligence.com
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.
http://www.deligence.com
Ionic - History
http://www.deligence.com
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.
http://www.deligence.com
Where Does Ionic Fit?
http://www.deligence.com
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.
http://www.deligence.com
Ionic - Benefits
Benefits of Ionic Framework in Mobile App Development
Platform Independent Framework
Default User Interface
Feasible Cross Mobile App Development
Built On AngularJS
http://www.deligence.com
Ionic – Advantages & Disadvantages
http://www.deligence.com
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.
http://www.deligence.com
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
http://www.deligence.com
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.
http://www.deligence.com
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.
http://www.deligence.com
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....
http://www.deligence.com
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.
http://www.deligence.com
Deligence Technologies - your growing technology partner! www.deligence.com/contact-us Email : [email protected] : +91 9910130340
http://www.deligence.com