facebook.com/telerik @telerikDeveloping Windows Phone 8Apps using Kendo UI Mobile
AgendaWhat is Hybrid ApplicationIntroducing Kendo UI MobileDiscussion on App ArchitectureDemoQuestion and Answer
 Dhananjay Kumar– Customer Advocate, Telerik– Microsoft MVP– Mindcracker MVP– @debug_mode– http://debugmode.net– http://t...
ResourcesTwo of you have chance to win Ninja T-Shirthttp://telerikhelper.nethttp://www.kendoui.com
facebook.com/telerik @telerikApp ArchitectureDatabaseServicelayerDevelop using Kendo UI Mobile
Different Types of AppsApps forDevicesNativeAppsMobileWeb AppsHybridApps
facebook.com/telerik @telerikWhy Hybrid Apps?• Objective C• MACiOS• Java• EclipseAndroid• Visual Studio• C#/XAMLWindowsPho...
facebook.com/telerik @telerikHybrid AppDevelopmentCSSJAVASCRIPTHTMLDeploy usingCordovaiOS AndroidWindowsPhoneVarious Platf...
Hybrid or Native?HybridMultiple PlatformEasy to buildUse existing webdevelopment skillsBest suited for DataDriven Applicat...
Steps for Hybrid App DevelopmentStep 1: Create App using HTMLJavaScript , CSSStep 2: Build and Package theApp using PhoneG...
How it works ?It runs in Web View ControlUIWebView : ios, WebView : AndroidRuns in full screen mode using WebKit browsersA...
What is Kendo UIKendo Framework ElementsKendo UIWebKendo UIDataVizKendo UIMobile
 HTML5 powered native mobile UI that automatically adapts todifferent devicesBuilt using Kendo UI Mobile ?
Native UI on Every Device
Ready for App Stores
Kendo UI FrameworkDataSource Model Template MVVMDrag OvservableObject Node TemplateOvservableArray ValidatorDraggable
Kendo UI Mobile WidgetsActionSheet BackButton Button ButtonGroup DetailButtonLayout ListView Loader ModalView NavBarPane P...
facebook.com/telerik @telerikDemo App ArchitectureDatabaseServicelayer
DemoLet us write somecodes
facebook.com/telerik @telerikStep1 : Add Reference
facebook.com/telerik @telerikStep 2 : Create layout
facebook.com/telerik @telerikStep 3: Initialize Kendo Mobile
facebook.com/telerik @telerikStep 4: Create Views
facebook.com/telerik @telerikStep 5: Create Data Source
facebook.com/telerik @telerikStep 6: Create Template
facebook.com/telerik @telerikStep 7: Create ListView
facebook.com/telerik @telerikStep 8: Put style in CSS
facebook.com/telerik @telerikStep 9: Data Source for Movie Detail View
facebook.com/telerik @telerikStep 10: Template for Movie Detail View
facebook.com/telerik @telerikStep 11: View for Movie Detail View
facebook.com/telerik @telerikApplication
Resourceshttp://icenium.comhttp://www.kendoui.comhttp://docs.kendoui.comhttp://docs.icenium.comhttp://telerikhelper.net@Te...
Questions?
Upcoming SlideShare
Loading in...5
×

Windows phone 8 app using Kendo UI

1,728

Published on

Slides from webinar Windows Phone 8 Development using Kendo UI Mobile

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,728
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Windows phone 8 app using Kendo UI

  1. 1. facebook.com/telerik @telerikDeveloping Windows Phone 8Apps using Kendo UI Mobile
  2. 2. AgendaWhat is Hybrid ApplicationIntroducing Kendo UI MobileDiscussion on App ArchitectureDemoQuestion and Answer
  3. 3.  Dhananjay Kumar– Customer Advocate, Telerik– Microsoft MVP– Mindcracker MVP– @debug_mode– http://debugmode.net– http://telerikhelper.net– Dhananjay.kumar@telerik.comYour Presenter
  4. 4. ResourcesTwo of you have chance to win Ninja T-Shirthttp://telerikhelper.nethttp://www.kendoui.com
  5. 5. facebook.com/telerik @telerikApp ArchitectureDatabaseServicelayerDevelop using Kendo UI Mobile
  6. 6. Different Types of AppsApps forDevicesNativeAppsMobileWeb AppsHybridApps
  7. 7. facebook.com/telerik @telerikWhy Hybrid Apps?• Objective C• MACiOS• Java• EclipseAndroid• Visual Studio• C#/XAMLWindowsPhone100LOC100LOC100LOC300LOCDevelopmentMaintenance
  8. 8. facebook.com/telerik @telerikHybrid AppDevelopmentCSSJAVASCRIPTHTMLDeploy usingCordovaiOS AndroidWindowsPhoneVarious Platforms
  9. 9. Hybrid or Native?HybridMultiple PlatformEasy to buildUse existing webdevelopment skillsBest suited for DataDriven ApplicationsNativeFast PerformanceComplex CodesHuge learning curveHigh investment butbetter performance
  10. 10. Steps for Hybrid App DevelopmentStep 1: Create App using HTMLJavaScript , CSSStep 2: Build and Package theApp using PhoneGap or CoredovaStep 3: Submit the package toWindows Marketplace
  11. 11. How it works ?It runs in Web View ControlUIWebView : ios, WebView : AndroidRuns in full screen mode using WebKit browsersAccess Device capabilities usingCordova JS API
  12. 12. What is Kendo UIKendo Framework ElementsKendo UIWebKendo UIDataVizKendo UIMobile
  13. 13.  HTML5 powered native mobile UI that automatically adapts todifferent devicesBuilt using Kendo UI Mobile ?
  14. 14. Native UI on Every Device
  15. 15. Ready for App Stores
  16. 16. Kendo UI FrameworkDataSource Model Template MVVMDrag OvservableObject Node TemplateOvservableArray ValidatorDraggable
  17. 17. Kendo UI Mobile WidgetsActionSheet BackButton Button ButtonGroup DetailButtonLayout ListView Loader ModalView NavBarPane PopOver Scroller ScrollView SplitViewSwitch Swipe TabStrip View
  18. 18. facebook.com/telerik @telerikDemo App ArchitectureDatabaseServicelayer
  19. 19. DemoLet us write somecodes
  20. 20. facebook.com/telerik @telerikStep1 : Add Reference
  21. 21. facebook.com/telerik @telerikStep 2 : Create layout
  22. 22. facebook.com/telerik @telerikStep 3: Initialize Kendo Mobile
  23. 23. facebook.com/telerik @telerikStep 4: Create Views
  24. 24. facebook.com/telerik @telerikStep 5: Create Data Source
  25. 25. facebook.com/telerik @telerikStep 6: Create Template
  26. 26. facebook.com/telerik @telerikStep 7: Create ListView
  27. 27. facebook.com/telerik @telerikStep 8: Put style in CSS
  28. 28. facebook.com/telerik @telerikStep 9: Data Source for Movie Detail View
  29. 29. facebook.com/telerik @telerikStep 10: Template for Movie Detail View
  30. 30. facebook.com/telerik @telerikStep 11: View for Movie Detail View
  31. 31. facebook.com/telerik @telerikApplication
  32. 32. Resourceshttp://icenium.comhttp://www.kendoui.comhttp://docs.kendoui.comhttp://docs.icenium.comhttp://telerikhelper.net@Telerik@kendoui@icenium
  33. 33. Questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×