Your SlideShare is downloading. ×
0
Windows 8 App Development     for web Developer                Dhananjay Kumar                  Customer Advocate         ...
Web Developer ?         HTML            CSS    JavaScript          jQuery http://debugmode.net
Web Developer == Win8 Developer ?        HTML              CSS                         WinJS    JavaScript           jQuer...
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 Develo...
What is WINDOWS 8 ?Win7                    WinRT   Win8 http://debugmode.net
Metro /WinRT AppWPF/Windows                   App for        Web Application               Windows Store   Application    ...
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 ...
VS2012 and Metro Apps  Project templates                    Development optionsBlank Application C#,JavaScript       HTM...
What to choose?
Create “Hello Word App “ for Windows StorePackageDeployUnderstand running app in process explorer    http://debugmode....
What is WinJS ?Collection of JavaScript files helps us to createMetro Style Applications for Windows 8HTML                ...
Why WinJS ?It helps to create controls and animation adhering to metro style guidelinesIt helps in data binding and to c...
WinJS Controls  http://debugmode.net
WinJS Controls DemoDate Picker ControlMessage Box ControlRating ControlAdding Controls in Expression BlendAdding Cont...
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 Temp...
ListView and DataBinding  http://debugmode.net
Grouping Data  http://debugmode.net
Share Contract  http://debugmode.net
Calling Service   On Complete                                             On ErrorWinJS.xhr({                             ...
In WinJS Everything is Async  http://debugmode.net
ThanksDhananjay Kumarhttp://debugmode.net        dhananjay.kumar@telerik.com       @Debug_mode
Upcoming SlideShare
Loading in...5
×

Windows8 metro presentationupdated

2,354

Published on

Presented on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,354
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
44
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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
  • Transcript of "Windows8 metro presentationupdated"

    1. 1. Windows 8 App Development for web Developer Dhananjay Kumar Customer Advocate TelerikDebug_mode
    2. 2. Web Developer ? HTML CSS JavaScript jQuery http://debugmode.net
    3. 3. Web Developer == Win8 Developer ? HTML CSS WinJS JavaScript jQuery http://debugmode.net
    4. 4. Demo : Migrating Web App toWindows 8 App http://debugmode.net
    5. 5. 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
    6. 6. What is WINDOWS 8 ?Win7 WinRT Win8 http://debugmode.net
    7. 7. Metro /WinRT AppWPF/Windows App for Web Application Windows Store Application .Net WinRT/Framework/Win Browser AppContainer 32 http://debugmode.net
    8. 8. http://debugmode.net
    9. 9. Metro App runs from Disc App Container http://debugmode.net
    10. 10. 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
    11. 11. 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
    12. 12. What to choose?
    13. 13. Create “Hello Word App “ for Windows StorePackageDeployUnderstand running app in process explorer http://debugmode.net
    14. 14. What is WinJS ?Collection of JavaScript files helps us to createMetro Style Applications for Windows 8HTML JavaScEleme CSS WinJS ript nts
    15. 15. 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
    16. 16. WinJS Controls http://debugmode.net
    17. 17. WinJS Controls DemoDate Picker ControlMessage Box ControlRating ControlAdding Controls in Expression BlendAdding Controls Programmatically http://debugmode.net
    18. 18. What we are going to create http://debugmode.net
    19. 19. 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
    20. 20. ListView and DataBinding http://debugmode.net
    21. 21. Grouping Data http://debugmode.net
    22. 22. Share Contract http://debugmode.net
    23. 23. 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
    24. 24. In WinJS Everything is Async http://debugmode.net
    25. 25. ThanksDhananjay Kumarhttp://debugmode.net dhananjay.kumar@telerik.com @Debug_mode
    1. A particular slide catching your eye?

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

    ×