Hybrid Mobile Application with Ionic Framework

Hybrid Mobile Application with Ionic Framework

• 1.
  Hybrid mobile application with  Ionic Framework
• 2.
  Hybrid mobile applicationHybridmobile application The Downsides of Native Ability in each platform required Timely & expensive development Entirely separate code bases
• 3.
  Hybrid mobile applicationHybridmobile application More Platforms. More Problems. Why are we still coding for multiple platforms?
• 4.
  Hybrid mobile applicationHybridmobile application Is there an alternative?
• 5.
  Hybrid mobile applicationHybridmobile application Hybrid Apps: HTML5 that acts like native Web wrapped in native layer Direct access to native APIs Web wrapped in native layer Familiar web dev environment Develop a single code base (web platform)
• 6.
  Hybrid mobile applicationHybridmobile application “Hybrid apps are slow!”
• 7.
  Hybrid mobile applicationHybridmobile application “Hybrid apps are slow!” “The Times They Are a-Changin'”
• 8.
  Hybrid mobile applicationHybridmobile application Year Device Processor RAM 2007 iPhone 620 MHz 128 MB Mobile devices have rapidly improved! 2010 iPhone 4 1 GHz 512 MB 2015 iPhone 6 1.4 GHz dual core 1 GB
• 9.
  Hybrid mobile applicationHybridmobile application Year Device Processor RAM 2007 iPhone 620 MHz 128 MB Mobile devices have rapidly improved! 2010 iPhone 4 1 GHz 512 MB 2015 iPhone 6 1.4 GHz dual core 1 GB 2016 Galaxy S7 2.3 GHz quad-core 4 GB
• 10.
  Hybrid mobile applicationHybridmobile application Year Device Processor RAM 2007 iPhone 620 MHz 128 MB Mobile devices have rapidly improved! 2010 iPhone 4 1 GHz 512 MB 2015 iPhone 6 1.4 GHz dual core 1 GB 2016 Galaxy S7 2.3 GHz quad-core 4 GB Web-standards have rapidly improved! caniuse.com is lookin' pretty good nowadays Android is now Chromium-based iOS users keep their devices up-to-date
• 11.
  Hybrid mobile applicationHybridmobile application Common UI Native SDKs Are Great Views Navigation and stack history Transitions Gestures
• 12.
  Hybrid mobile applicationHybridmobile application Web Technologies You Already Know and Love
• 13.
  Hybrid mobile applicationHybridmobile application Proven for large-scale webapp development Works with AngularJS Extends the HTML vocabulary UI Components using Directives and Services
• 14.
  Hybrid mobile applicationHybridmobile application Proven for large-scale webapp development Works with AngularJS Extends the HTML vocabulary UI Components using Directives and Services Native Focused Modeled off of native SDKs Built to work with Cordova
• 15.
  Hybrid mobile applicationHybridmobile application Proven for large-scale webapp development Works with AngularJS Extends the HTML vocabulary UI Components using Directives and Services Native Focused Modeled off of native SDKs Built to work with Cordova Performance Obsessed Hardware accelerated animations Minimal DOM Manipulation
• 16.
  Hybrid mobile applicationHybridmobile application Proven for large-scale webapp development Works with AngularJS Extends the HTML vocabulary UI Components using Directives and Services Native Focused Modeled off of native SDKs Built to work with Cordova Performance Obsessed Hardware accelerated animations Minimal DOM Manipulation Plain old CSS Performance Obsessed Nice visual system Clean and simple Stand-alone CSS Clean and simple
• 17.
  Hybrid mobile applicationHybridmobile application Your APP How does it all come together? Ionic AngularJS WebView (Cordova) Native SDK
• 18.
  Hybrid mobile applicationHybridmobile application How exactly does work a hybrid mobile application
• 19.
  Thanks for watching!Thanksfor watching! Dragos Ionita Software Engineer https://ro.linkedin.com/in/dragos-ionita-8ab20756