United States HTML 5 Tutorials
Online Contents For This Course
We have made some of the video tutorials for
HTML 5
freely available to help you evaluate our training. Click on any of the linked lesson listings below to preview FREE!
Course Description
The current version of HTML in use on the web today was last updated in 1997. The Web has changed dramatically over those thirteen years and an update to HTML was desperately needed. In the mid 2000s a group called the Web Standard Project began developing HTML5. The goal of the project: develop an HTML standard capable of running full applications in a web browser. HTML5 introduces a number of new elements, attributes, events, and new ways for developers to create web pages and web applications using a version of HTML that is designed around how users are using the Web. In this course, Mark Long will introduce you to HTML 5. He will walk you through a number of practical examples that will quickly get you up and running. He will also teach you about the new features in HTML including: semantic tags, audio and video support, and events. Click the movie links below to get started today!
Choose your media type:
|
Introduction
|
|||
| Welcome | (01:58) | T | |
| Course Objectives | (03:51) | T | |
| Course Structure | (05:05) | T | |
| Evolution of the Web | (06:37) | T | |
| HTML History | (06:30) | T | |
| What is a WHATWG? | (06:22) | T | |
| HTML5 Design Principles | (06:31) | T | |
| Your First HTML5 Page | (04:09) | T | |
| Open in Notepad | (03:24) | T | |
|
HTML Basics
|
|||
| Understanding HTML Structure | (06:08) | T | |
| Understanding DOCTYPE | (05:58) | T | |
| Using DOCTYPE pt. 1 | (06:23) | T | |
| Using DOCTYPE pt. 2 | (03:01) | T | |
| Understanding Character Encoding | (06:48) | T | |
| Understanding Mime Types | (06:20) | T | |
| Understanding Elements | (05:20) | T | |
| Understanding Attributes | (05:26) | T | |
| Understanding Links | (03:32) | T | |
| Understanding Tables | (03:26) | T | |
| Understanding Forms | (03:37) | T | |
| Validating HTML | (06:42) | T | |
| Drafts/Standards/Browsers | (06:32) | T | |
|
New and Improved
|
|||
| What is HTML5 Really? | (06:04) | T | |
| New in HTML5 | (06:40) | T | |
| HTML5 & CSS | (06:34) | T | |
| HTML5 & JavaScript | (06:38) | T | |
| When Should I Switch? | (06:05) | T | |
| What is the Big Semantic Deal? | (04:00) | T | |
| Markup & Structure | (04:56) | T | |
| Firefox Development Tools | (06:49) | T | |
| Standard Attributes | (03:31) | T | |
| New Attributes | (03:06) | T | |
|
New Markup Elements
|
|||
| HTML4 HTML Blog | (04:53) | T | |
| HTML5 Blog | (06:35) | T | |
| HTML5 Outlining | (07:06) | T | |
| Header Element | (02:51) | T | |
| Header Demo | (05:04) | T | |
| HGroup Element | (02:34) | T | |
| HGroup Demo | (03:58) | T | |
| Nav Element | (02:51) | T | |
| Nav Demo | (05:59) | T | |
| Article Element | (02:49) | T | |
| Article Demo | (05:41) | T | |
| Footer Element | (02:08) | T | |
| Footer Demo | (07:23) | T | |
| Section Element | (04:25) | T | |
| Section Demo | (04:49) | T | |
| Aside Element | (03:04) | T | |
| Aside Demo | (06:06) | T | |
| Currently Unsupported Elements | (03:36) | T | |
| Menu Element | (04:40) | T | |
| Command Element | (03:04) | T | |
| Details & Summary Elements | (03:04) | T | |
|
New Media Elements
|
|||
| HTML5 & Media | (06:37) | T | |
| Media: The Rest of the Story | (06:33) | T | |
| Codec Moments | (05:52) | T | |
|
HTML5 Video
|
|||
| Supported Video Formats | (05:42) | T | |
| Video Attributes | (03:31) | T | |
| Video Browser Support | (03:00) | T | |
| Basic Video Demo | (04:09) | T | |
| Multi Format Demo | (03:02) | T | |
| Converting Video Formats | (03:05) | T | |
|
Canvas Element
|
|||
| What is a Canvas | (02:39) | T | |
| Canvas Element | (02:11) | T | |
| Canvas Demo | (06:50) | T | |
| Canvas Animation | (02:27) | T | |
|
HTML5 Audio
|
|||
| Audio Element | (03:18) | T | |
| Audio Formats | (04:36) | T | |
| Audio Attributes | (03:10) | T | |
| Audio Demo | (03:38) | T | |
| Multiple Browser Audio | (03:59) | T | |
|
New Form Elements
|
|||
| Forms in HTML5 | (03:31) | T | |
| Forms Browser Support | (03:57) | T | |
| New Input Types | (02:44) | T | |
| Input Types Demo | (05:09) | T | |
| Output Element | (06:40) | T | |
| Form Validation | (02:58) | T | |
| Validation Demo | (06:13) | T | |
|
HTML5 & Events
|
|||
| Events in HTML5 | (04:14) | T | |
| Events Demo | (06:42) | T | |
| New Window Events | (04:52) | T | |
| New Form Events | (02:16) | T | |
| New Mouse Events | (02:47) | T | |
| Media Events | (04:33) | T | |
|
But Wait There is More!
|
|||
| Editable Content | (02:57) | T | |
| Editable Content Demo | (04:53) | T | |
| Regular Expressions | (04:03) | T | |
| Geolocation | (03:34) | T | |
| HTML5 Storage | (04:10) | T | |
|
Conclusion
|
|||
| Course Wrap Up | (04:40) | T | |
|
Credits
|
|||
| About the Author | (01:59) | T | |
Email this Page 
Send us FeedbackCourse Information
| Course: | HTML 5 |
| Author: | Mark Long |
| SKU: | 34217 |
| ISBN: | 1-936334-87-9 |
| Release Date: | 2011-04-13 |
| Duration: | 7 hrs / 91 tutorials |
| Work Files: |
Yes |
| Captions: | Available on CD and Online University |
Search within Captions
Subscription / Purchase Information
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Sign up for a Free Trial
Full Access Members have full access to VTC.com's entire library of video tutorials.
If you are already a member, please login here.