HTML 5

Duration

40 hours, 5-day training workshop

Delivery

Face to face training or online training

Course Inclusive

Training materials & certificate of completion

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

  • MODULE I: HTML5 Fundamentals
    1. Overview of HTML5
    2. Comparing HTML5 to XHTML
    3. Changes to Existing Tags
    4. Deprecated Elements and Attributes
    5. Browser Support

  • MODULE II: HTML5 Structural Elements
    1. New Block-Level Semantic Elements
    2. New Text-Level Semantic Elements
    3. Creating a Document Outline

  • MODULE III: HTML5 Web Forms
    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

  • MODULE IV: Audio and Video
    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

  • ODULE V: HTML5 Canvas
    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

  • MODULE VI: HTML5 Web Storage
    1. Overview of HTML5 Web Storage
    2. Session Storage
    3. Local Storage
    4. Storage Event Properties
    5. Other Storage Methods
    • MAKATI
    • 333 Sen. Gil Puyat Ave., Makati City 1200, Philippines

    • Contact No.
    • +63 2 8891 0713
      +63 2 8751 6482

    • Email Address
    • inquiries@mapua.edu.ph

    • INTRAMUROS
    • 658 Muralla St., Intramuros, Manila 1002, Philippines

    • Contact No.
    • +63 2 8524-5572


    • Email Address
    • ccesc@mapua.edu.ph