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
7. Metro /WinRT App
WPF/Windows App for Web
Application Windows Store Application
.Net
WinRT/
Framework/Win Browser
AppContainer
32
http://debugmode.net
9. Metro App runs from Disc
App Container
http://debugmode.net
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
13. Create “Hello Word App “ for Windows Store
Package
Deploy
Understand running app in process explorer
http://debugmode.net
14. What is WinJS ?
Collection of JavaScript files helps us to create
Metro Style Applications for Windows 8
HTML
JavaSc
Eleme CSS WinJS
ript
nts
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
17. WinJS Controls Demo
Date Picker Control
Message Box Control
Rating Control
Adding Controls in Expression Blend
Adding Controls Programmatically
http://debugmode.net
18. What we are going to create
http://debugmode.net
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