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.
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.
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.
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.
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.
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.
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.
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.
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.
HTML 
/ 7 
