MetroWindows 8
Metro?
Metro?
Metro!
XBOX
FlipToast
Content Before Chrome
Touch First
Metro Architecture                Metro style Apps                       Desktop Apps           XAML           XAML       ...
We Love Async
Embrace The Grid       Write Once Suck        Everywhere!
The Grid and Other Controls
Code <div id="mediumListIconTextTemplate" data-win-control="WinJS.Binding.Template">    <div style="width: 150px; height:...
Code (function () {   "use strict";  var dataArray = [  { title: "Basic banana", text: "Low-fat frozen yogurt", picture: ...
Visual Studio 11 Beta
Gotchas
Store
And you thought you were         done…
CertifiedCertified
There’s an app for that
Why Windows 8 & MetroWindows 8 Devices500+ million                 Android                 Devices               300+ mill...
Upcoming SlideShare
Loading in …5
×

Windows8 lightningtalk

1,950 views

Published on

Windows 8 Development covered in under 5 minutes!

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,950
On SlideShare
0
From Embeds
0
Number of Embeds
1,137
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Windows8 lightningtalk

  1. 1. MetroWindows 8
  2. 2. Metro?
  3. 3. Metro?
  4. 4. Metro!
  5. 5. XBOX
  6. 6. FlipToast
  7. 7. Content Before Chrome
  8. 8. Touch First
  9. 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 APIsCommunication Devices & Graphics & Media & Data Printing Application Model Internet Win3 .NET Explorer 2 SL Windows Kernel Services
  10. 10. We Love Async
  11. 11. Embrace The Grid Write Once Suck Everywhere!
  12. 12. The Grid and Other Controls
  13. 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. 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. 15. Visual Studio 11 Beta
  16. 16. Gotchas
  17. 17. Store
  18. 18. And you thought you were done…
  19. 19. CertifiedCertified
  20. 20. There’s an app for that
  21. 21. Why Windows 8 & MetroWindows 8 Devices500+ million Android Devices 300+ million iOS Devices 250+ million

×