A small presentation about how, when and why you need to create a hybrid mobile application. Also I presented how Ionic and Cordova works together.

1. Hybrid mobile application with
Ionic Framework

2. Hybrid mobile applicationHybrid mobile application
The Downsides of Native
Ability in each platform required
Timely & expensive development
Entirely separate code bases

3. Hybrid mobile applicationHybrid mobile application
More Platforms. More Problems.
Why are we still coding for multiple platforms?

4. Hybrid mobile applicationHybrid mobile application
Is there an alternative?

5. Hybrid mobile applicationHybrid mobile 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 applicationHybrid mobile application
“Hybrid apps are slow!”

7. Hybrid mobile applicationHybrid mobile application
“Hybrid apps are slow!”
“The Times They Are a-Changin'”

8. Hybrid mobile applicationHybrid mobile 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 applicationHybrid mobile 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 applicationHybrid mobile 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 applicationHybrid mobile application
Common UI
Native SDKs Are Great
Views
Navigation and stack history
Transitions
Gestures

12. Hybrid mobile applicationHybrid mobile application
Web Technologies You
Already Know and Love

13. Hybrid mobile applicationHybrid mobile application
Proven for large-scale webapp development
Works with AngularJS
Extends the HTML vocabulary
UI Components using Directives and Services

14. Hybrid mobile applicationHybrid mobile 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 applicationHybrid mobile 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 applicationHybrid mobile 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 applicationHybrid mobile application
Your APP
How does it all come together?
Ionic
AngularJS
WebView (Cordova)
Native SDK

18. Hybrid mobile applicationHybrid mobile application
How exactly does work a hybrid mobile application

19. Thanks for watching!Thanks for watching!
Dragos Ionita
Software Engineer
https://ro.linkedin.com/in/dragos-ionita-8ab20756