Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012
description
Transcript of Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012
![Page 1: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/1.jpg)
Tampa Bay Windows Developers User Group
File…New…Metro
Jan 18th 2012Brian Kassay
http://briankassay.com@briankassay
![Page 2: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/2.jpg)
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
![Page 3: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/3.jpg)
![Page 4: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/4.jpg)
![Page 5: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/5.jpg)
www.buildwindows.com
C# Templates
![Page 6: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/6.jpg)
www.buildwindows.com
XAML Template Summary• Application (blank)• Empty, minimal
• Grid• Preloaded default data in grid
• Split• Preloaded default data in split view
![Page 7: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/7.jpg)
www.buildwindows.com
XAML Grid Application Demo
![Page 8: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/8.jpg)
Synchronous vs. asynchronousvar data = DownloadData(...);ProcessData(data);
var future = DownloadDataAsync(...); future.ContinueWith(data => ProcessData(data));
DownloadDataAsync ProcessData
STOP
ProcessDataDownloadData
![Page 9: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/9.jpg)
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
![Page 10: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/10.jpg)
www.buildwindows.com
Grid Application / Async Demo
![Page 11: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/11.jpg)
www.buildwindows.com
Split Application Demo
![Page 12: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/12.jpg)
![Page 13: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/13.jpg)
www.buildwindows.com
HTML5 Templates
![Page 14: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/14.jpg)
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
![Page 15: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/15.jpg)
www.buildwindows.com
HTML5 Grid Application Demo
![Page 16: Tampa Bay Windows Developers User Group File…New…Metro Jan 18 th 2012](https://reader036.fdocuments.us/reader036/viewer/2022062521/568168ac550346895ddf5bc4/html5/thumbnails/16.jpg)
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