Native Touches to your Hybrid
Apps
Lohith G N
About Me
Technical Evangelist
Microsoft MVP (ASP.NET/IIS)
lohith.nagaraj@telerik.com
@kashyapa
http://www.kashyapas.com
ht...
Agenda
• Hybrid Apps - Introduction
• Lap around Kendo UI Mobile
• Cordova Plugins for Native Features
• Demo
Hybrid Apps
What’s a Hybrid ?
Swiss Knife Image Courtesy: James Case
Definition
 Heterogeneous source
 Written with technology used for websites & Mobile web implementations
 Hosted/Runs i...
How ?
 Web View Control (UIWebView - iOS, WebView - Android/Others)
 Full Screen format - Native Browser rendering engin...
When ?
 Target Multiple Mobile Platforms
 Take advantage of device capabilities – GeoLocation, etc.
 Offline usage
 No...
®
Let's talk Mobile ...
Use Web skills to make Mobile Apps!
Kendo UI Mobile
Build Hybrid or Mobile Web apps
Completely Open Source & Free!
Bower install to any project
Has Angular Di...
Hybrid Mobile Apps
Kendo UI Mobile powered
Best with AppBuilder
Use Cordova Plugins for Native API
Respective App Store
pr...
Remember the UI Widgets
A complete application toolset for building hybrid and mobile web applications
ActionSheet
ButtonG...
Kendo UI Mobile
Flexibility for Developers
Plays well with others
Offline capabilities Flat Themes
OS Adaptive Rendering
Something for everyone
Kendo UI Core
Application Framework | Web | Mobile | Completely Free
Kendo UI Professional
Enterpri...
Native Touches
Cordova Plugins
• Bridge between HTML & Native Layer
• Invoke Native things using Plugins
• Native Behaviors & Controls ca...
Plugins we will see today
• Notification
• ActionSheet
• Social Sharing
• Toast
Demo
Thanks !
Lohith.Nagaraj@Telerik.com
Native Touches to your Hybrid Mobile Apps
of 20

Native Touches to your Hybrid Mobile Apps

Slide deck used for my April 23 2015 webinar titled "Native Touches to your Hybrid Apps"
Published on: Mar 3, 2016
Published in: Technology      
Source: www.slideshare.net


Transcripts - Native Touches to your Hybrid Mobile Apps

  • 1. Native Touches to your Hybrid Apps Lohith G N
  • 2. About Me Technical Evangelist Microsoft MVP (ASP.NET/IIS) lohith.nagaraj@telerik.com @kashyapa http://www.kashyapas.com http://www.telerikhelper.net Lohith G N http://www.telerik.com
  • 3. Agenda • Hybrid Apps - Introduction • Lap around Kendo UI Mobile • Cordova Plugins for Native Features • Demo
  • 4. Hybrid Apps What’s a Hybrid ? Swiss Knife Image Courtesy: James Case
  • 5. Definition  Heterogeneous source  Written with technology used for websites & Mobile web implementations  Hosted/Runs in Native Container on device  Marriage of Web Technology + Native execution
  • 6. How ?  Web View Control (UIWebView - iOS, WebView - Android/Others)  Full Screen format - Native Browser rendering engine (WebKit)  Abstract layer, device capabilities as JS API (Apache Cordova)  Native wrapper compiled around HTML/CSS/JS – adds interop layer  Interop layer connects JS API with native API’s
  • 7. When ?  Target Multiple Mobile Platforms  Take advantage of device capabilities – GeoLocation, etc.  Offline usage  No need of advanced graphics performance
  • 8. ®
  • 9. Let's talk Mobile ... Use Web skills to make Mobile Apps!
  • 10. Kendo UI Mobile Build Hybrid or Mobile Web apps Completely Open Source & Free! Bower install to any project Has Angular Directives to render Totally Cross-Platform
  • 11. Hybrid Mobile Apps Kendo UI Mobile powered Best with AppBuilder Use Cordova Plugins for Native API Respective App Store presence
  • 12. Remember the UI Widgets A complete application toolset for building hybrid and mobile web applications ActionSheet ButtonGroup Drawer Forms ListView MobileButton ModalView NavBar PopOver Scroller ScrollView SplitView Switch TabStrip
  • 13. Kendo UI Mobile Flexibility for Developers Plays well with others Offline capabilities Flat Themes OS Adaptive Rendering
  • 14. Something for everyone Kendo UI Core Application Framework | Web | Mobile | Completely Free Kendo UI Professional Enterprise UI | Licensed per Developer | Support & Maintenance
  • 15. Native Touches
  • 16. Cordova Plugins • Bridge between HTML & Native Layer • Invoke Native things using Plugins • Native Behaviors & Controls can be used in Hybrid Apps
  • 17. Plugins we will see today • Notification • ActionSheet • Social Sharing • Toast
  • 18. Demo
  • 19. Thanks ! Lohith.Nagaraj@Telerik.com

Related Documents