HTML5 for Developers Training

Overview

Rating:
Duration:
( - Eastern)
Cost:
$975.00
HTML5 for Developers Logo
HTML5 for Developers is the ideal course for web designers and developers who will be designing web sites and front-end web applications. They will learn HTML5 site design, including the new paradigms for structure, syntax and semantics.

Live Online Schedule

  • Dec 12 - Dec 14
  • Jan 28 - Jan 30
  • Feb 11 - Feb 13
  • Mar 12 - Mar 14

Prerequisites

Students should have some familiarity with HTML, CSS, and, optionally, JavaScript.

Topics

HTML5 for Developers

  • History and Motivation behind HTML5
    • History of HTML
    • Goals for HTML5
    • Syntax Changes
    • Browser Support
    • Feature Detection and Modernizr
    • Contrasting HTML5 with Prior Versions
  • HTML5 Structural Elements
    • Defining HTML5 Documents
    • The header Element
    • The nav Element
    • The section Element
    • The article Element
    • The aside Element
    • The footer Element
  • Tackling the Document Outline
    • HTML4 Outlines
    • The HTML5 Outline Algorithm
    • Sectioning Content
    • Using hgroup
    • Avoiding “Untitled Body”
    • Sectioning Roots
  • The Importance of Semantic Markup
    • Microdata Syntax
    • Using Microdata
    • Working with figure and figcaption
    • The mark Element
    • The cite Element
    • The address Element
    • Working with date and time
  • HTML5 Site Design and Page Structure
    • Planning Document Structure
    • The Element Decision Flowchart
    • Checking Document Outlines
    • Coding Document Structure
    • Using Class and ID Attributes
  • Rich Content with HTML5 Media Elements
    • The video Element and Attributes
    • Video Codecs and Cross-browser Support
    • Video Element Events
    • The audio Element and Attributes
    • Audio Codecs and Cross-browser Support
    • Audio Element Events
  • HTML5 Form Enhancements
    • New Form Elements
      • The datalist Element
      • The progress Element
      • The meter Element
      • The output Element
    • New Input-Type Attributes
      • Capturing Email Addresses
      • Building a Web Address
      • Creating a Phone Number Field
      • Number Fields and Number Ranges
      • Invoking the Color Picker
    • New Attributes and Methods
      • The autofocus Attribute
      • The autocomplete Attribute
      • Displaying Placeholder Text
      • The pattern Attribute
      • Regular Expressions
  • Graphics and Animation Using Canvas
    • Preparing the Canvas with getContext()
    • Drawing on the Canvas
    • Drawing Images
    • Animating the Canvas
    • Processing Video on the Canvas
  • Utilizing Geolocation Services
    • Finding Browser Location with getCurrentPosition()
    • Continuous Tracking with watchPosition()
    • Interacting with Google Maps
  • Client Side Data – Simple Storage
    • LocalStorage
    • SessionStorage