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

Sign in to queue

Description

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.

Embed

Download

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 VS.net, etc. is hard to read, even in the High-resolution version of the videos!

    thanks again :)

    Kind regards - Jakob

  • User profile image
    ronnel

    highres vid and bigger font will be nice.

    btw can u use jquery in a windows 8 app?

  • User profile image
    Islamath

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

    http://github.com/appendto/jquery-win8

    See also : http://channel9.msdn.com/Events/Build/2012/3-130

  • User profile image
    payini

    Great video. Thanks.

  • User profile image
    hupseb

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

  • User profile image
    WNHacker

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

  • User profile image
    JoKi

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

     

  • User profile image
    kiran aghor

    @WNHacker http://codeshow.codeplex.com/

  • User profile image
    Daniel

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

  • User profile image
    Arianna

    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
    djtx

    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 www.microsoftvirtualacademy.com
    site when login.

  • User profile image
    mzer mike

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

  • User profile image
    David

    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
    AlexanderP

    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
    moris

    Wow Thanks Good Class about Semantic Structure HTML5

  • User profile image
    dayonikan

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

  • User profile image
    bislinks

    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
    Rahul

    Hello,
    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
    Rahul

  • User profile image
    rb25

    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
    Girjeshshuk​la

    hi 

    great jobs. i am very excited for that .

     

     

  • User profile image
    SalmanAhmed

    Great job very well done for new designer.

  • User profile image
    Kaleem

    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!

    Regards,
    Mohammed Elherrouki

  • User profile image
    HonraoPrasad

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

  • User profile image
    Daroath

    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
    harvey

    Great video.

  • User profile image
    baro

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

  • User profile image
    lealzora

    Excellent material. I hope you continue to post more.

    "horizontal knowledge, generating vertical growth. "

  • User profile image
    Vivek0907

    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
    Edge77

    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
    dacanetdev

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

  • User profile image
    antoniojr

    thnkas it is very helpful!!

  • User profile image
    keita

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

  • User profile image
    vlad

    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.

    Regards.

  • User profile image
    Jason

    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
    Ramie

     

     

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

     

  • User profile image
    Alaa Kamall

    Excellent

  • User profile image
    HonraoPrasad

    @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
    amemon

    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
    Bruno

    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
    fadi

    thik you

  • User profile image
    Jefferson

    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
    omidgharib

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

  • User profile image
    Mike

    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
    truq

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

  • User profile image
    truq

    tell me free voucher code on nomanqureshi8@gmail.com

  • 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