Tampa Bay Windows Developers User Group

File…New…Metro

Jan 18th 2012Brian Kassay

http://briankassay.com@briankassay

brian@briankassay.com

Agenda• Preview the auto generated templates

in Visual Studio 11 Express for Windows Developer Preview– XAML / C#– HTML5 / JavaScript

• Modify the templates to do something practical

• Tips with developing in the new platform

www.buildwindows.com

C# Templates

www.buildwindows.com

XAML Template Summary• Application (blank)• Empty, minimal

• Grid• Preloaded default data in grid

• Split• Preloaded default data in split view

www.buildwindows.com

XAML Grid Application Demo

Synchronous vs. asynchronousvar data = DownloadData(...);ProcessData(data);

var future = DownloadDataAsync(...); future.ContinueWith(data => ProcessData(data));

DownloadDataAsync ProcessData

STOP

ProcessDataDownloadData

www.buildwindows.com

Async Interop keywords• Async

• Makes your method asynchronous

• Await• Makes the rest of your method a callback

• Task• Lets you coordinate activities

www.buildwindows.com

Grid Application / Async Demo

www.buildwindows.com

Split Application Demo

www.buildwindows.com

HTML5 Templates

www.buildwindows.com

HTML5 Template Summary• Blank

• Empty, minimal

• Fixed Layout• Basic layout added to the blank template

• Grid• Preloaded default data in grid

• Navigation• Similar layout to Grid but with no sample data

• Split• Preloaded default data in split view

www.buildwindows.com

HTML5 Grid Application Demo

www.buildwindows.com

Resources• Start building on Windows 8

• http://www.buildwindows.com/

• Learn to build Metro style apps• http://msdn.microsoft.com/en-us/library/windows/apps

• Async Homepage:• http://msdn.microsoft.com/en-us/vstudio/async

• Windows 8 Snap Feature for low res displays• http

://www.nirmaltv.com/2011/09/20/enable-windows-8-snap-feature/

• Slides • http://briankassay.com