This hands-on course is intended for those who wish to learn HTML5 to create feature-rich and dynamic web sites with little or totally zero background in web development.. The course provides a thorough introduction into the use of HTML5 to create web sites that target the capabilities of modern browsers. HTML5 includes new structural elements, web form elements, implementation of audio and video elements, and intrinsic APIs that offer features such as data storage and dynamic creation of graphics using Canvas.


Module I. HTML5 Fundamentals

  • Overview of HTML5
  • Comparing HTML5 to XHTML
  • Changes to Existing Tags
  • Deprecated Elements and Attributes
  • Browser Support

Module II. HTML5 Structural Elements

  • New Block-Level Semantic Elements
  • New Text-Level Semantic Elements
  • Creating a Document Outline

Module III. HTML5 Web Forms

  • New Form Attributes
    • autocomplete
    • novalidate
  • New Input Attributes
    • autofocus
    • form
  • New Form Elements
  • New Input Elements
    • email
    • url
    • tel
    • search
  • Form Validation
    • pattern and required Attributes

Module IV. Audio and Video

  • Browser Support for Audio/Video Formats
    • Supplying Fallbacks
  • and Elements
  • Element
  • Media Element API and Events
    • Creating Your Own Control Panel
    • Effecting the Volume and Playback Rate

Module V. HTML5 Canvas

  • Element
  • Comparing Canvas and SVG
  • Using the Canvas
    • Drawing Basic and Complex Shapes
    • Setting Colors and Styles
    • Adding Text to the Canvas
    • Adding Images to the Canvas
    • Allowing the User to Draw on the Canvas
    • Saving the Canvas

Module VI. HTML5 Web Storage

  • Overview of HTML5 Web Storage
  • Session Storage
  • Local Storage
  • Storage Event Properties
  • Other Storage Methods