The document discusses Microsoft's Windows 8 operating system and its Metro user interface. It introduces Metro style apps and their architecture, which uses XAML and HTML/JavaScript to build apps that work across Windows 8 devices. It also discusses the Windows Runtime APIs, asynchronous programming, and the grid-based layout system. Code samples are provided to demonstrate creating a ListView to display data using data binding. The document suggests that Windows 8 aims to have apps reach 500+ million Windows devices, 300+ million Android devices, and 250+ million iOS devices.

1. Metro
Windows 8

2. Metro?

3. Metro?

4. Metro!

5. XBOX

6. FlipToast

7. Content Before Chrome

8. Touch First

9. Metro Architecture
Metro style Apps Desktop Apps
XAML
XAML HTML / CSS
JavaScript
C/C++ C#, VB HTML C C#
(Chakra) JavaScript C++ VB
Windows Runtime APIs
Communication Devices &
Graphics & Media
& Data Printing
Application Model Internet Win3 .NET
Explorer 2 SL
Windows Kernel Services

10. We Love Async

11. Embrace The Grid
Write Once Suck
Everywhere!

12. The Grid and Other Controls

13. Code 
<div id="mediumListIconTextTemplate" data-win-control="WinJS.Binding.Template">
<div style="width: 150px; height: 100px;">
<!-- Displays the "picture" field. -->
<img src="#" style="width: 60px; height: 60px;"
data-win-bind="alt: title; src: picture" />
<div>
<!-- Displays the "title" field. -->
<h4 data-win-bind="innerText: title"></h4>
<!-- Displays the "text" field. -->
<h6 data-win-bind="innerText: text"></h6>
</div>
</div>
</div>
<div id="basicListView" data-win-control="WinJS.UI.ListView"
data-win-options="{itemDataSource : DataExample.itemList.dataSource, itemTemplate:
select('#mediumListIconTextTemplate')}">
</div>

14. Code 
(function () {
"use strict";
var dataArray = [
{ title: "Basic banana", text: "Low-fat frozen yogurt", picture: "images/60banana.png" },
{ title: "Banana blast", text: "Ice cream", picture: "images/60banana.png" },
{ title: "Brilliant banana", text: "Frozen custard", picture: "images/60banana.png" },
{ title: "Orange surprise", text: "Sherbet", picture: "images/60orange.png" },
{ title: "Original orange", text: "Sherbet", picture: "images/60orange.png" },
{ title: "Vanilla", text: "Ice cream", picture: "images/60vanilla.png" },
{ title: "Very vanilla", text: "Frozen custard", picture: "images/60vanilla.png" },
{ title: "Marvelous mint", text: "Gelato", picture: "images/60mint.png" },
{ title: "Succulent strawberry", text: "Sorbet", picture: "images/60strawberry.png" }
];
var dataList = new WinJS.Binding.List(dataArray);
// Create a namespace to make the data publicly
// accessible.
var publicMembers =
{
itemList: dataList
};
WinJS.Namespace.define("DataExample", publicMembers);
})();

15. Visual Studio 11 Beta

16. Gotchas

17. Store

18. And you thought you were
done…

19. Certified
Certified

20. There’s an app for that

21. Why Windows 8 & Metro
Windows 8
Devices
500+ million
Android
Devices
300+ million iOS Devices
250+ million