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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Windows phone 8 app using Kendo UI

  • 1,576 views
Published

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,576
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
20
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?