Post on 08-Jan-2017
Hybrid Mobile App &
Ionic Framework
Liju Pillai@lijuperfomatix
liju@perfomatix.com
OVERVIEW⦿Mobile apps - The choices⦿Native vs Hybrid vs Web⦿Why hybrid matters⦿PhoneGap⦿AngularJS⦿Ionic Framework⦿Demo⦿The future
Choices⦿Native⦿Web⦿Hybrid
Native apps⦿Platform specific⦿Individual development tools⦿Best performance⦿Time consuming⦿Expensive
Web⦿Browser based⦿Responsive web sites/app⦿Limited or no access to native features
Hybrid⦿Platform independent⦿Uses HTML5,CSS3, JS⦿Compromised performance⦿Faster development cycle⦿Access to native features⦿Web view
Apache CordovaA platform for building native mobile apps using HTML,CSS and JS
Cordova - Supported platforms⦿iOS⦿Android⦿Windows⦿Blackberry⦿FireOS … etc
Refer : https://cordova.apache.org/
Cordova - Native plugins⦿Camera⦿Battery status⦿Contacts⦿Device orientation⦿Geolocation⦿Splashscreen
Refer : https://cordova.apache.org/plugins/
Phonegap vs CordovaPhoneGap is a distribution of Apache Cordova. You can think of Apache Cordova as the engine that powers PhoneGap, similar to how WebKit is the engine that powers Chrome or Safari.
https://www.quora.com/What-is-the-difference-between-PhoneGap-and-Cordova-and-why-would-I-select-one-over-another
Ionic - CSS⦿Header⦿Content⦿Footer⦿Cards⦿Forms⦿Range .. etc
Refer : http://ionicframework.com/docs/components/
Ionic - JS⦿Side Menu⦿Scroll⦿Modal⦿List⦿Keyboard..
Refer : http://ionicframework.com/docs/api/
Ionic - Platform Customisation⦿Platform classes⦿Dynamic templates
Refer : http://ionicframework.com/docs/api/
Ionic - CLI⦿Install⦿Emulate⦿Development⦿Upload ….
Refer : http://ionicframework.com/docs/cli/
Demo
Performance Optimization ⦿JS coding best practices⦿Not suited for all apps⦿Watch out for animations⦿Tap delay - Use fastclick⦿Offline Capability
◼Local Storage has issues◼Use PouchDB
⦿Memory leakage⦿Use Crosswalk
Ionic - Alternatives⦿Onsen UI⦿Monaca⦿Telerik⦿jQuery Mobile
Is the future bright? Let’s ask Zuck
Q&A