Your SlideShare is downloading. ×
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Windows phone 8 app using Kendo UI
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Windows phone 8 app using Kendo UI

1,677

Published on

Slides from webinar Windows Phone 8 Development using Kendo UI Mobile

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,677
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×