Developing HTML5 Apps Jump Start (01b): HTML5 Semantic Structure, Part 2

Play Developing HTML5 Apps Jump Start (01b): HTML5 Semantic Structure, Part 2
Sign in to queue


Microsoft Technical Evangelists Jeremy Foster and Michael Palermo continue their discussion about HTML5 semantic structures. Topics include Semantic tags, Forms, Audio and Video, Canvas and SVG in Part 2 of this module.

Complete course outline for the Developing HTML5 Apps Jump Start:

This series of videos are a great way to help you prepare for Exam 70-480. Register now to take the Programming in HTML5 with JavaScript and CSS3 exam (70-480) exam. The promotion for the free exam using the promo code HTMLJMP is over, no new registrations will be accepted using the code. If you've already registered using the code then you're set.

If you want to learn how to apply these HTML5 skills to build your own Windows Store app, check out the Developing Windows Store Apps with HTML5 Jump Start.



The Discussion

  • User profile image
    Jakob Krarup

    Hi :)

    Great initiative with a swift intro to the new webcoding structure!
    Thanks for the certification giveaways as well, I'm signed up and ready to go :)
    A suggestion for improvement on the screencasts: a higher resolution would be excellent as only the code (with the large font) is legible, while filenames, text-input in, etc. is hard to read, even in the High-resolution version of the videos!

    thanks again :)

    Kind regards - Jakob

  • User profile image

    highres vid and bigger font will be nice.

    btw can u use jquery in a windows 8 app?

  • User profile image

    @ronnel : Guys from @appendto has already worked on a jquery for win8 ,that should work on a the Windows Store App Local Context

    See also :

  • User profile image

    Great video. Thanks.

  • User profile image

    I am a web developer and i am excited! Good job again!

  • User profile image

    Hey where i can get codeShow app, witch they use in the movie (they started them from start screen)?

  • User profile image

    @WNHacker: The code can be found here: - Please read the section 'How to install the codeSHOW source code' first...


  • User profile image
    kiran aghor


  • User profile image

    after finish the video course, is it enough to take the 70-480 exam?

  • User profile image

    It will be much nicer if you two don't compete with each other in the video. All I can see is the fight now.....

  • User profile image

    Loving the videos so far. I can't take my eyes off those monitors, though - what setup is that?

  • User profile image
    christian Valentine

    Thanks for this great video. job well done.
    Please where can get the voucher code on
    site when login.

  • User profile image
    mzer mike

    How come the video sounds are muted? could not here a thing"""

  • User profile image

    The downloads are extremely slow 175kbs. The only reason I am downloading is because the video was so choppy, due to buffering, that it was unwatchable. Once downloaded I am sure it will be a good course.

  • User profile image

    Guys, great course and great videos. However, I really think that you should either make 100% sure that the demos work OR show us some of your debugging techniques, which I think is also super important for a developer. Either way thanks for preparing this great course. Smiley

  • User profile image

    Wow Thanks Good Class about Semantic Structure HTML5

  • User profile image

    great videos, these are really good jump starts for 70-480 exams

  • User profile image

    I am a web designer.

    Great videos.  I am almost done with second video.  I ran into a problem  When I run 'local machine,' I get an error.

    0x800a138f - JavaScript runtime error: Unable to get property 'getContext' of undefined or null reference

    Then, the app closes. 

    Would appreciate any help.

  • User profile image

    Very impressive videos... But

    One question is running in my mind, that if I don't have the win8 and VS12 so I could not run this source code.

    I am using Win7 and VS10. Please let me know if there is a way to see the source code examples.

    Many Thanks

  • User profile image

    Good idea but poorly executed. You actually released these videos to the public? Your very first demo doesn't work. Not very inspiring.

  • User profile image


    great jobs. i am very excited for that .



  • User profile image

    Great job very well done for new designer.

  • User profile image

    Thanks for the course, however; I think this course is a bit boring because of too much talking for explaining a simple concept. Perhaps a good working example would have made it better.

  • User profile image
    Mohammed Elherrouki

    Hi there,

    Is it true that i can only schedule this exam in america? cause i live in holland.

    Thanks in advance!

    Mohammed Elherrouki

  • User profile image

    Basic audio, video controls demo didn't work. That's poor. You should have recorded another video for that purpose.

  • User profile image

    Nice training. Hope to see how fast it changes in Windows 8 with HTML5 CSS3 and Javascript.

  • User profile image
    Rajasekhar Kunati

    Doors opened to gain knowledge....

  • User profile image

    Great video.

  • User profile image

    Awesome video!
    Audio not playing, Video not playing...good job, preparing yourself guys;)

  • User profile image

    Excellent material. I hope you continue to post more.

    "horizontal knowledge, generating vertical growth. "

  • User profile image

    Hi, firstly thanks a lot for very useful jump start, really helpful. How can i download all of videos from this course, in one go?, is there any way? 

  • User profile image
    Chor YC

    What a live show! They just skipped the demo with real claps and jumped to the end? Ha!

  • User profile image

    The broken audio and video demos reflect badly on this series.    By adding a closing tag, both examples work for me: 

    <audio src="/audio/hello.wma" controls ></audio>.  

    Oddly enough, the video worked without an explicit closing tag even though VS2012 gave me a warning when the AUDIO closing tag was missing.

  • User profile image

    Come on guys good intention but poorly demonstration ... Thanks anyway great idea this kind of training

  • User profile image

    thnkas it is very helpful!!

  • User profile image

    Great job very well done.
    Is there a way to download all the videos together at one time?

  • User profile image

    With all due respect, this is a pre-recorded presentation, and you do not bother to make sure that so much hyped <audio> and <video> tag demonstrations actually work.


  • User profile image

    Hi All - the HTMLJMP promotion has ended but if you use this code you might still have an opportunity to get a free exam. HTMLMPN
    Not sure when it expires, but thought I'd pass it along.

  • User profile image



    the video didn't play because maybe the "mp4" mimetype does not exist 


  • User profile image
    Alaa Kamall


  • User profile image

    @Rahul:No, you cannot run it. These are Windows store app, so you need to have Windows 8 and Visual Studio 2012 to run it.


  • User profile image

    This series of videos are a great way to help you prepare for Exam 70-480.The promo code HTMLJMP is available through 3/31/2013 while supplies last.

  • User profile image

    I think that I figured out how it works. For me I put the audio and the video in separated section tags. I don't know why but when you put the audio and video tabs together (audio and video above or vice-versa) they don't work properly.

    I hope this will help you.

  • User profile image

    thik you

  • User profile image

    Hey guys.
    I enjoyed the videos but I think you should show more examples, because there are many more tags and you didn't teach

  • User profile image

    i wish there are subtitles for these videos
    How can i find one ??

  • User profile image

    Utterly pathetic. Your audio and videos examples didn't work. So obviously, you should figure out why and re-record the whole thing, or at least that section and edit it in later. PATHETIC.

  • User profile image

    please tell me free voucher code htmljmp and htmlmpn does not working can any one help me

  • User profile image

    tell me free voucher code on

  • User profile image
    Kent Spam

    The problem with the audio and video content is off course, if you guys haven't figured it already ;-), that the "CopyToOutputDirectory"-property is set to "Do not copy"-value, visible at time 00:12:43.

    Why MS have chosen this to be the default value and not "Copy if newer" is beyond me.

Add Your 2 Cents