When to build a hybrid mobile application? Liju Pillai,

26
Hybrid Mobile App & Ionic Framework Liju Pillai @lijuperfomatix [email protected]

Transcript of When to build a hybrid mobile application? Liju Pillai,

Page 1: When to build a hybrid mobile application? Liju Pillai,

Hybrid Mobile App &

Ionic Framework

Liju Pillai@lijuperfomatix

[email protected]

Page 2: When to build a hybrid mobile application? Liju Pillai,

OVERVIEW⦿Mobile apps - The choices⦿Native vs Hybrid vs Web⦿Why hybrid matters⦿PhoneGap⦿AngularJS⦿Ionic Framework⦿Demo⦿The future

Page 3: When to build a hybrid mobile application? Liju Pillai,
Page 4: When to build a hybrid mobile application? Liju Pillai,

Choices⦿Native⦿Web⦿Hybrid

Page 5: When to build a hybrid mobile application? Liju Pillai,

Native apps⦿Platform specific⦿Individual development tools⦿Best performance⦿Time consuming⦿Expensive

Page 6: When to build a hybrid mobile application? Liju Pillai,

Web⦿Browser based⦿Responsive web sites/app⦿Limited or no access to native features

Page 7: When to build a hybrid mobile application? Liju Pillai,

Hybrid⦿Platform independent⦿Uses HTML5,CSS3, JS⦿Compromised performance⦿Faster development cycle⦿Access to native features⦿Web view

Page 8: When to build a hybrid mobile application? Liju Pillai,

Apache CordovaA platform for building native mobile apps using HTML,CSS and JS

Page 9: When to build a hybrid mobile application? Liju Pillai,

Cordova - Supported platforms⦿iOS⦿Android⦿Windows⦿Blackberry⦿FireOS … etc

Refer : https://cordova.apache.org/

Page 10: When to build a hybrid mobile application? Liju Pillai,

Cordova - Native plugins⦿Camera⦿Battery status⦿Contacts⦿Device orientation⦿Geolocation⦿Splashscreen

Refer : https://cordova.apache.org/plugins/

Page 11: When to build a hybrid mobile application? Liju Pillai,

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

Page 12: When to build a hybrid mobile application? Liju Pillai,
Page 13: When to build a hybrid mobile application? Liju Pillai,
Page 14: When to build a hybrid mobile application? Liju Pillai,
Page 15: When to build a hybrid mobile application? Liju Pillai,

Ionic - CSS⦿Header⦿Content⦿Footer⦿Cards⦿Forms⦿Range .. etc

Refer : http://ionicframework.com/docs/components/

Page 16: When to build a hybrid mobile application? Liju Pillai,

Ionic - JS⦿Side Menu⦿Scroll⦿Modal⦿List⦿Keyboard..

Refer : http://ionicframework.com/docs/api/

Page 17: When to build a hybrid mobile application? Liju Pillai,

Ionic - Platform Customisation⦿Platform classes⦿Dynamic templates

Refer : http://ionicframework.com/docs/api/

Page 18: When to build a hybrid mobile application? Liju Pillai,

Ionic - CLI⦿Install⦿Emulate⦿Development⦿Upload ….

Refer : http://ionicframework.com/docs/cli/

Page 19: When to build a hybrid mobile application? Liju Pillai,

Demo

Page 20: When to build a hybrid mobile application? Liju Pillai,

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

Page 21: When to build a hybrid mobile application? Liju Pillai,

Ionic - Alternatives⦿Onsen UI⦿Monaca⦿Telerik⦿jQuery Mobile

Page 22: When to build a hybrid mobile application? Liju Pillai,

Is the future bright? Let’s ask Zuck

Page 23: When to build a hybrid mobile application? Liju Pillai,
Page 24: When to build a hybrid mobile application? Liju Pillai,

Q&A

Page 25: When to build a hybrid mobile application? Liju Pillai,

App Showcase:http://perfomatix.com/showcase/