Windows8 metro presentationupdated
Upcoming SlideShare
Loading in...5
×
 

Windows8 metro presentationupdated

on

  • 2,717 views

Presented on

Presented on

Statistics

Views

Total Views
2,717
Views on SlideShare
2,159
Embed Views
558

Actions

Likes
1
Downloads
42
Comments
0

3 Embeds 558

http://debugmode.net 548
http://dhananjay25.wordpress.com 9
http://www.verious.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between
  • Switch for the demo in between

Windows8 metro presentationupdated Windows8 metro presentationupdated Presentation Transcript

  • Windows 8 App Development for web Developer Dhananjay Kumar Customer Advocate TelerikDebug_mode
  • Web Developer ? HTML CSS JavaScript jQuery http://debugmode.net
  • Web Developer == Win8 Developer ? HTML CSS WinJS JavaScript jQuery http://debugmode.net
  • Demo : Migrating Web App toWindows 8 App http://debugmode.net
  • AgendaWeb Development paradigmMigrating CSS based Web App to Windows 8 AppPackaging the AppEvaluating Different Development optionsWinJS Controls DemoCreate “Netflix Movie Explorer“ App for Windows Store http://debugmode.net
  • What is WINDOWS 8 ?Win7 WinRT Win8 http://debugmode.net
  • Metro /WinRT AppWPF/Windows App for Web Application Windows Store Application .Net WinRT/Framework/Win Browser AppContainer 32 http://debugmode.net
  • http://debugmode.net
  • Metro App runs from Disc App Container http://debugmode.net
  • Metro App Vs. Desktop AppIn desktop app you create MSI , Exe etc. and run to install applicationIn Metro App you create package and submit to Windows storeAlong with other files ,package contains batch executable file that runs series of commands to install metro app on your device.Metro app runs with less privilege than desktop app http://debugmode.net
  • VS2012 and Metro Apps Project templates Development optionsBlank Application C#,JavaScript HTML+JavaScriptGrid Application C#,JavaScriptSplit Application C#,JavaScript C# + XAMLFixed Layout Application JavaScript C++ + XAMLNavigation Application JavaScript Deployment  Local machine  Remote machine  Simulator http://debugmode.net
  • What to choose?
  • Create “Hello Word App “ for Windows StorePackageDeployUnderstand running app in process explorer http://debugmode.net
  • What is WinJS ?Collection of JavaScript files helps us to createMetro Style Applications for Windows 8HTML JavaScEleme CSS WinJS ript nts
  • Why WinJS ?It helps to create controls and animation adhering to metro style guidelinesIt helps in data binding and to create template of dataIt helps to fragment and navigate between pages of the applicationIt helps to make asynchronous call to servicesIt helps to write app against the app model http://debugmode.net
  • WinJS Controls http://debugmode.net
  • WinJS Controls DemoDate Picker ControlMessage Box ControlRating ControlAdding Controls in Expression BlendAdding Controls Programmatically http://debugmode.net
  • What we are going to create http://debugmode.net
  • What will be learning ?Working with ListViewCreating Data Source, Groped Data SourceCreating Item template, Header TemplateSematic Zoom on List ViewDesigning CSS of ListView http://debugmode.net
  • ListView and DataBinding http://debugmode.net
  • Grouping Data http://debugmode.net
  • Share Contract http://debugmode.net
  • Calling Service On Complete On ErrorWinJS.xhr({ WinJS.xhr({url:"http://www.example.org/somedata.json url:"http://www.example.org/som" edata.json"}).then(function (response) { }).then(function (response) { updateDisplay( updateDisplay( JSON.parse(response.responseText)); JSON.parse(response.responseText));}); }, function (ex) { reportXhrError(ex); }); http://debugmode.net
  • In WinJS Everything is Async http://debugmode.net
  • ThanksDhananjay Kumarhttp://debugmode.net dhananjay.kumar@telerik.com @Debug_mode