Download to read offline
Uploaded byPerfomatix Solutions
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
This document discusses options for building mobile apps, including native, web, and hybrid. It focuses on the hybrid approach using Apache Cordova and the Ionic framework. Cordova allows building apps with HTML, CSS, and JavaScript that can access native device features. Ionic builds on Cordova and provides UI components, tools, and platform customization. The document outlines choices for mobile development, describes Cordova and its plugins, compares Cordova to PhoneGap, and details features of the Ionic framework, performance optimization techniques, and alternatives to Ionic.
More Related Content
![A Digital Future - Transforming NSW Government [Presentation]](https://cdn.slidesharecdn.com/ss_thumbnails/avisionforanewdigitalfuturepresentationv9-150106210723-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to When to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
More from Perfomatix Solutions
![Smart Water Meter Powered by Internet of Things [Client Case Study]](https://cdn.slidesharecdn.com/ss_thumbnails/smartwatermeterpoweredbyinternetofthings-perfomatixslideshareppt-220928053313-953e5984-thumbnail.jpg?width=640&height=640&fit=bounds)
![Social Media Analytics Dashboard [Client Case Study]](https://cdn.slidesharecdn.com/ss_thumbnails/socialmediaanalyticsdashboard-perfomatixslideshareppt-220913062158-6d0ea0bf-thumbnail.jpg?width=640&height=640&fit=bounds)
![Aggregator Platform for Professional Services [Client Case Study]](https://cdn.slidesharecdn.com/ss_thumbnails/aggregatorplatformforprofessionalservices-perfomatixslideshareppt-220922051218-ae1a6d55-thumbnail.jpg?width=640&height=640&fit=bounds)
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
- 1. Hybrid Mobile App & IonicFramework Liju Pillai @lijuperfomatix [email protected]
- 2. OVERVIEW ⦿Mobile apps -The choices ⦿Native vs Hybrid vs Web ⦿Why hybrid matters ⦿PhoneGap ⦿AngularJS ⦿Ionic Framework
- 4.
- 5. Native apps ⦿Platform specific ⦿Individualdevelopment tools ⦿Best performance ⦿Time consuming ⦿Expensive
- 6. Web ⦿Browser based ⦿Responsive websites/app ⦿Limited or no access to native features
- 7. Hybrid ⦿Platform independent ⦿Uses HTML5,CSS3,JS ⦿Compromised performance ⦿Faster development cycle ⦿Access to native features ⦿Web view
- 8. Apache Cordova A platformfor building native mobile apps using HTML,CSS and JS
- 9. Cordova - Supportedplatforms ⦿iOS ⦿Android ⦿Windows ⦿Blackberry ⦿FireOS … etc Refer : https://cordova.apache.org/
- 10. Cordova - Nativeplugins ⦿Camera ⦿Battery status ⦿Contacts ⦿Device orientation ⦿Geolocation ⦿Splashscreen Refer : https://cordova.apache.org/plugins/
- 11. Phonegap vs Cordova PhoneGapis 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
- 15. Ionic - CSS ⦿Header ⦿Content ⦿Footer ⦿Cards ⦿Forms ⦿Range.. etc Refer : http://ionicframework.com/docs/components/
- 16. Ionic - JS ⦿SideMenu ⦿Scroll ⦿Modal ⦿List ⦿Keyboard.. Refer : http://ionicframework.com/docs/api/
- 17. Ionic - PlatformCustomisation ⦿Platform classes ⦿Dynamic templates Refer : http://ionicframework.com/docs/api/
- 18. Ionic - CLI ⦿Install ⦿Emulate ⦿Development ⦿Upload…. Refer : http://ionicframework.com/docs/cli/
- 19.
- 20. Performance Optimization ⦿JS codingbest practices ⦿Not suited for all apps ⦿Watch out for animations ⦿Tap delay - Use fastclick ⦿Offline Capability ◼Local Storage has issues ◼Use PouchDB ⦿Memory leakage
- 21. Ionic - Alternatives ⦿OnsenUI ⦿Monaca ⦿Telerik ⦿jQuery Mobile
- 22. Is the futurebright? Let’s ask Zuck
- 24.
- 25.
- 26.