HTML5 Training for Web Developers

Delivery Options

• Live Online Training - Public Class (2 days): $790.00 (Register)

» Register Now

» Free Demo

» Watch Presentation

» More Info

» Contact Education Consultant

• Customized Onsite Training (2 days): Request a Proposal
• Looking for a self-paced course? Starts at $99.90

Class Date and Time	Price Volume Discounts Students Discounts 2 5% 3-4 10% 5 or more 15% GSA Price: $750.50
Jun 27 - 28, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now
Jul 15 - 16, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now
Aug 5 - 6, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now
Sep 5 - 6, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now
Sep 30 - Oct 1, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now
Oct 28 - 29, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now
Nov 25 - 26, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now
Dec 23 - 24, 2013 10:00 AM - 5:00 PM ET	$790.00 or 2 vouchers vouchers	Register Now

Show More Classes

Class Description

Class Overview

Class Goals

• Learn how to start building HTML5 pages today.
• Learn the major benefits of HTML5.
• Understand the difference between HTML5 and HTML 4.
• Become familiar with HTML5's new elements and attributes.
• Learn to work with audio and video in HTML5.
• Learn to work with HTML5's new Canvas element to create code-based drawings.
• Learn to use Web Storage for offline applications.
• Learn to use all the cool new HTML5 form elements.
• Learn the current state of browser support for HTML5 and how to make your HTML5 sites degrade gracefully.

Class Outline

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

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following areas is required:

• HTML 4
• Basic CSS
• Basic JavaScript

Experience in the following areas would be beneficial:

• JSON
• DOM
• Ajax

Courses that can help you meet these prerequisites:

• Introduction to HTML Training
• Introduction to CSS Training
• Introduction to JavaScript Training
• Ajax Training

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

• Instructor-led Online course technical requirements and setup instructions.
• WebEx system requirements for Instructor-led Online delivery option.
• Onsite course technical requirements and setup instructions.
• Self-paced course technical requirements and setup instructions.

Potential Follow-on Classes

• Advanced HTML5 Training