Please contact us
for GSA pricing.

Contract #

Please see our complete list of Microsoft Official Courses

HTML5 Training: Introduction to HTML5

4.4 out of 5 (176 reviews)

Course Number: HTML-102
Duration: 2 days
view course outline

HTML5 Training Overview

Accelebrate's HTML5 training class, intended for experienced HTML developers with some JavaScript experience, teaches the new features of HTML5 and how to put them to immediate use.

Location and Pricing

Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client list to see organizations for whom we have delivered private in-house training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.

HTML5 Training Prerequisites

All attendees must be fluent in HTML 4 and have practical experience with the basics of CSS and JavaScript. Prior knowledge of JSON, DOM, and Ajax is helpful but not required.

Hands-on/Lecture Ratio

This HTML training class is 60% hands-on, 40% lecture, with the longest lecture segments lasting for 20 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

HTML5 Training Materials

All students receive comprehensive courseware covering all topics in the course.

Software Needed on Each Student PC

  • Web or text editor of your choice
  • Web browsers - a recent version of one or more of the following:
    • Google Chrome
    • Mozilla Firefox
    • Internet Explorer (9 or later)
    • Safari (5 or later)
    • Opera
  • If space on a web server is available, students may also wish to bring their mobile devices so they can test how pages appear on these devices.

HTML5 Training Objectives

  • Build HTML5 pages
  • Understand the major benefits of HTML5
  • Understand the difference between HTML5 and HTML 4
  • Use the new elements and attributes of HTML5
  • Work with audio and video in HTML5
  • Work with new Canvas element to create code-based drawings in HTML5
  • Use Web Storage for offline applications
  • Use all of the new HTML5 form elements
  • Understand the current state of browser support for HTML5 and how to make your HTML5 sites degrade gracefully

HTML5 Training Outline

  • Introduction
  • Laying out a Page with HTML5
    • Page Structure
    • New HTML5 Structural Tags
    • Page Simplification
  • HTML5 - How We Got Here
    • The Problems HTML 4 Addresses
    • The Problems XHTML Addresses
    • The New More Flexible Approach of HTML5 - Paving the Cowpaths
    • New Features of HTML5
    • The HTML5 Spec(s)
    • Current State of Browser Support
  • Sections and Articles
    • The section Tag
    • The article Tag
    • Outlining
    • Accessibility
  • HTML5 Audio and Video
    • Supported Media Types
    • The audio Element
      • Audio Formats
      • Multiple Sources
      • Audio Tag Attributes
      • Getting and Creating Audio Files
    • The video Element
      • Video Tag Attributes
      • Creating and Converting Video Files
    • Accessibility
    • Scripting Media Elements
    • Dealing with Non-Supporting Browsers
  • HTML5 Forms
    • Modernizr
    • New Input Types
      • search
      • tel
      • url and email
      • date/time input types
      • number
      • range
      • min, max, and step attributes
      • color
  • HTML5 New Form Attributes
    • autocomplete
    • novalidate
  • HTML5 New Form Field Attributes
    • required
    • placeholder
    • autofocus
    • autocomplete
    • form
    • pattern
  • New Form Elements
    • datalist
    • progress and meter
  • HTML5 Web Storage
    • Overview of HTML5 Web Storage
    • Web Storage
      • Browser Support
      • Local Storage
      • Session Storage
      • Prefixing your Keys
    • Other Storage Methods
      • Web Database Storage
      • Indexed Database API
  • HTML5 Canvas
    • Getting Started with Canvas
    • Drawing Lines
      • Multiple Sub-Paths
      • The Path Drawing Process
      • The fill() Method
    • Color and Transparency
    • Rectangles
    • Circles and Arcs
    • Quadratic and Bezier Curves
    • Images
      • drawImage() - Basic
      • drawImage() - Sprites
    • Text
  • Integrated APIs
    • Offline Application API
      • Cache Manifest File
      • The HTML File
      • Managing ApplicationCache with JavaScript
      • A Sample Application
    • Drag and Drop API
  • Conclusion