Loading user information from Channel 9

Something went wrong getting user information from Channel 9

Latest Achievement:

Loading user information from MSDN

Something went wrong getting user information from MSDN

Visual Studio Achievements

Latest Achievement:

Loading Visual Studio Achievements

Something went wrong getting the Visual Studio Achievements

Metro style apps using HTML5 from start to finish

1 hour, 47 seconds


Right click “Save as…”

Slides (view online)

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:

Follow the discussion

  • Oops, something didn't work.

    Getting subscription
    Subscribe to this conversation
  • CranialsurgeCranialsurge Requiescat In Pace...

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

  • Scott DickensScott 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.



  • FrankieCFrankieC The Mad Code Crunching Pianist

    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!

  • Irritated JoeIrritated 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.

  • @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.

  • 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.

  • Elad KatzElad 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?

Remove this comment

Remove this thread


Comments closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.