Home arrow HTML arrow Top HTML5 Video Tutorials

Top HTML5 Video Tutorials

Today we will take a look at some of the top HTML5 tutorials around the Web that come in a video format to help beginners get their feet wet.

Author Info:
By: wubayou
Rating: 4 stars4 stars4 stars4 stars4 stars / 7
April 16, 2012

print this article

Today we will take a look at some of the top HTML5 tutorials around the Web that come in a video format to help beginners get their feet wet.

Many believe that HTML5 is the wave of the future.  Its ability to simplify the development of web applications and increase interoperability has allowed HTML5 to gain a widespread presence across the Web.  If you are new to HTML5 or have yet to jump into the technology, you are probably wondering where to begin.  After all, learning an entirely new topic is no easy task. 

Luckily, there are tons of tutorials across the Web that cover various areas of HTML5 development.  Many are in text format, but some are in video.  For the purpose of this list, we are only including HTML5 tutorials that come in a video format.  This may be especially helpful if you are a beginner and want to hear someone explaining their techniques as you go along.  Best of all, every tutorial in this list is free knowledge, so you will not have to dish out any money for expensive courses or premium memberships to learn about what HTML5 has to offer and how to implement it into your sites and applications. 

If you are looking for something new to learn but do not know which path to take, HTML5 is a great one that looks to be in demand for some time to come.  With that being said, it is now time to begin revealing our list of the top HTML5 video tutorials.

Introduction to HTML5

This video tutorial gets listed first because, as its title suggests, it introduces you to the world of HTML5.  The video covers many of the basics of HTML5 to give you a solid overview of what HTML5 is and what place it has in the present and future.  Here are some of the topics that are covered: HTML5 video, the HTML5 database and application cache, the geolocation API, web vector graphics with the canvas tag, scalable vector graphics, and Web workers. 

The video is 42 minutes in length, so it is extensive enough to cover many topics in an adequate amount of detail.  It also features plenty of demos and sample source code that you can follow to really immerse yourself in HTML5.  If you are looking for a place to begin your HTML5 education prior to learning specific techniques, here is a good starting point.  Since the video is authored by Brad Neuberg of Google Developer Programs, you know it must have some quality insight.

Link: http://vimeo.com/6691519

The Primitives of the HTML5 Foundation

Paul Irish heads this presentation that discusses a brief history of HTML5 and moves on to talk about various low-level HTML5 entities such as the doctype, the charset, and the parsing algorithm.  Other topics covered in this video tutorial that spans 37 minutes include doctype personalization, attribute quoting, and more.

Link: http://www.youtube.com/watch?v=WxmcDoAxdoY

Getting Started with HTML5

Here is a video tutorial that is nearly 54 minutes long.  As its name would suggest, it is more of an introductory video that discusses the value and power of HTML5 as a platform.  The tutorial covers a handful of topics, including storage, CSS3, graphics, and more.  In addition, the tutorial details several APIs that are essential for creating HTML5 Web applications. 

Link: http://www.youtube.com/watch?v=yd30Nmb3mPU&feature=player_embedded

How to Make All Browsers Render HTML5 Markup Correctly

The focus of this HTML5 tutorial is compatibility.  It uses some of HTML5’s semantic elements (header, footer, nav, article, hgroup) to create a standard two-column layout.  Then, the tutorial shows you how to use JavaScript and CSS to create a design that is backwards-compatible.

There is both a text and video version of this tutorial.  The video version runs about five minutes long and gives a quick overview of the topic.  To get the most out of the material, watch the video then read over the text as a refresher.

Link: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html5-mark-up-correctly-even-ie6/

HTML5 Tutorial 1 – Introduction

Although this tutorial is a basic introduction to HTML5 that lasts four minutes, its creator has an extensive catalog of HTML5 tutorials under his wing that cover a plethora of topics and show you different techniques you can use.  You can begin with this tutorial and then move on to his other 50-plus tutorials in a logical progression to learn HTML5 from the ground up.

Link: http://www.youtube.com/watch?v=Mp0f0zTPLec

HTML5 Features You Should be Using Right Now

This particular video tutorial offers some tips on HTML5 features that you should make use of immediately just in case you have some hesitation about beginning development with the technology.  The video is under five minutes in length but has plenty of useful information packed into its short time span.

Link: http://www.youtube.com/watch?v=HzCkSv3s0-k

Document Structure in HTML5

This tutorial is geared for beginners and covers the simple document structure in HTML5.  You will want to view this tutorial to get a better understanding of the barebones structure of HTML5.  Once you have that down, you can move on to bigger and better things.

Link: http://www.beginnertuts.com/Tutorials/HTML/T2/T2HTML.php

HTML5 and CSS3 Tutorial

Here is a tutorial that covers a pair of useful topics.  In terms of HTML5, the author discusses form validation, how to embed audio and video, and some of the technology’s new functions.  CSS3 topics that are covered include drop shadow and border radius.  The tutorial is short at only 11 minutes long, but the topics it goes over are quite important.

Link: http://www.youtube.com/watch?v=yPPkPDdBjhU

While this list has its fair share of HTML5 tutorials, there are many more that you can view and learn from.  The majority of these tutorials cater to beginners, but you have to start somewhere, right?  As you become more and more comfortable with HTML5, you can begin looking at the more advanced tutorials, and there are plenty of them out there.  If you know about a certain HTML5 video tutorial that is worth taking a look at, feel free to post it in the comments section and share it with others.

DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

All HTML Tutorials
More By wubayou

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials