HTML 5

Description

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.

Course Content

  1. Overview of HTML5
  2. Comparing HTML5 to XHTML
  3. Changes to Existing Tags
  4. Deprecated Elements and Attributes
  5. Browser Support
  1. New Block-Level Semantic Elements
  2. New Text-Level Semantic Elements
  3. Creating a Document Outline
  1. New Form Attributes
    1. autocomplete
    2. novalidate
  2. New Input Attributes
    1. autofocus
    2. form
  3. New Form Elements
  4. New Input Elements
    1. email
    2. url
    3. tel
    4. search
  5. Form Validation
    1. pattern and required Attributes
  1. Browser Support for Audio/Video Formats
    1. Supplying Fallbacks and elements
  2. Element
  3. Media Element API and Events
    1. Creating Your Own Control Panel
    2. Effecting the Volume and Playback Rate
  1. Element
  2. Comparing Canvas and SVG
  3. Using the Canvas
    1. Drawing Basic and Complex Shapes
    2. Setting Colors and Styles
    3. Adding Text to the Canvas
    4. Adding Images to the Canvas
    5. Allowing the User to Draw on the Canvas
    6. Saving the Canvas
  1. Overview of HTML5 Web Storage
  2. Session Storage
  3. Local Storage
  4. Storage Event Properties
  5. Other Storage Methods
    • Makati
    • +63 2 8891 0722
    • +63 2 8891 0713
    • +63 2 8751 6482
    • Intramuros
    • +63 2 8524-5572
    • Intramuros
    • 658 Muralla St., Intramuros, Manila 1002, Philippines


    • Makati
    • 333 Sen. Gil Puyat Ave., Makati City 1200, Philippines