Metro style apps using HTML5 from start to finish

Download this episode

Download Video


Get started writing Metro style apps using your HTML5, JavaScript, and CSS skills today! Come dive into the specifics of this exciting platform and see how you can use your Web skills to build deeply-integrated Windows apps. You’ll discover how this mirrors or differs from traditional Web programming and how to harness the rich capabilities of Windows 8 through JavaScript and the Windows Runtime. You’ll also learn proper navigation techniques, how to manage your app’s state, and how to incorporate the Windows look and feel into your app. This foundational session will arm you with everything you need to know to build Metro style apps with the skills you already have.

このセッション スライドが日本語に翻訳されました。日本語版のファイルをダウンロードするには、こちらをクリックしてください。

For more information, check out this course on Microsoft Virtual Academy:









Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image

      Where can I get "canvas.js" from? Also, what was the snippet you used at the beginning for the document.addEventListener magic?

    • User profile image
      Scott Dickens

      Thanks for watching the talk. The canvas.js I used during the demos was pre-canned, somewhat boilerplate canvas code. I'd recommend grabbing something similar from one of the samples. E.g.

    • User profile image

      Great session!    I am just learning HTML5 and this session really raised my awareness on this and other technologies as well.  Great job Scott!  Thanks for the upbeat presentation!

    • User profile image
      Irritated Joe

      I gotta say... it is so frustrating to watch you guys demo new stuff and not be able to follow along because you don't make the source files available. "Something similar" is ok if you know how to make it work just like yours did.

    • User profile image

      @reply to comment:Agreed, very frustrating...  especially when the entire session beyond <h1>Hello World</h1> requires and builds upon whatever magic he's got going on in his canvas.js file.  He started off the talk stating that this session would bridge the gap between the high-level concepts in the keynote and the deeper thechnical concepts of the other sessions, and that "we'd be writing a lot of code"...  I thought, "Great!... I can pause the video, and write along side so I can digest what's going on."  But as it turns out, he was the only one writing code, and I just sat there semi-lost...  not cool.

    • User profile image

      So... now that I've painstaikingly written my own canvas.js file, any chance of getting that tile.js file used at the end?...  I would copy it from the paused presentation but some of the lines of code go beyond the edge of the screen.

    • User profile image
      Elad Katz

      Just another one stating the obvious. this is frustrating.. why not show the source code? why make us work harder to recreate the demos?

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to send us feedback you can Contact Us.