<mary_gillen>

Web Application Development & Instructor-led Online Technical Training May 18, 2012

HTML5

info

1 Day Online
10 AM - 5 PM EDT
Instructor: Mary Gillen or Kathy Gillen
Tuition: $395 per person


Register:
October 24, 2011 | November 14, 2011 | December 5, 2011

There are 28 new markup elements available through the HTML5 specification. Learn what they are, what they mean, and how to use them in your Web development work. You will also learn what is now obsolete in HTML 4. You will also discover how HTML5 is now used in mobile device applications, assistive (508-compliant) technologies, and more.


Course Prerequisites

To gain the most from the class, you should already have experience with standard HTML 4 tag set and CSS syntax.

Course Objectives

  • The theory and practice of using HTML5 markup elements
  • The semantics of new HTML5 structural elements
  • The HTML5 outline algorithm
  • Improving accessibility by using ARIA with HTML5
  • Using intelligent HTML5 forms
  • Embedding video and audio
  • Ensuring your content is usable in old browsers, for assistive technologies and on mobile devices
  • How to use HTML5 now (and what parts to use)


Course Outline

1: Introducing the Course

  • Meeting the Prerequisites
  • Understanding the Course Format
  • Reviewing the Course Outline


2: Introducing HTML5

  • What is HTML5?
  • History of HTML5
  • Design principles of HTML5


3: HTML5 Main Structure

  • The <head>
  • Using new HTML5 structural elements
  • Styling HTML5 with CSS
  • When to use the new HTML5 structural elements
  • Summary
  • Exercise: Structuring an HTML5 page


4: Text

  • Structuring main content areas
  • Adding content
  • Working with HTML5 outlines
  • Understanding WAI-ARIA
  • More new structures
  • Redefined elements
  • Global attributes
  • Additional features
  • Summary
  • Exercise: Adding content to a structured HTML5 page


5: Forms

  • New input types
  • New attributes
  • Backwards compatibility with legacy browsers
  • Styling new form fields and error messages
  • How to override browser defaults
  • Using Javascript for DIY validation
  • Avoiding validation
  • Summary
  • Exercise: Structuring an HTML5 form


6: Video and Audio

  • Native multimedia: why, what, and how?
  • Codecs
  • Rolling custom controls
  • Multimedia accessibility
  • Summary
  • Exercise: Placing audio and video files on an HTML5 page


7: Canvas

  • Canvas basics
  • Drawing paths
  • Using transformers: pixels in disguise
  • Capturing images
  • Pushing pixels
  • Animating your canvas paintings
  • Summary
  • Exercise: Using HTML5 Canvas techniques


8: Data Storage

  • Storage options
  • Web storage
  • Web SQL Databases
  • Summary
  • Exercise: Using HTML5 Storage techniques


9: Offline

  • Going offline
  • The cache manifest
  • How to serve the manifest
  • The browser-server process
  • applicationCache
  • Using the manifest to detect connectivity
  • Killing the cache
  • Summary
  • Exercise: Using HTML5 Cache Manifest


10: Drag and Drop

  • Getting into drag
  • Interoperability of dragged data
  • How to drag any element
  • Adding custom drag icons
  • Accessibility
  • Summary
  • Exercise: Using HTML5 Drag and Drop


11: Geolocation

  • Sticking a pin in your visitor
  • API methods
  • How to drag any element
  • How it works: under the hood
  • Summary
  • Exercise: Using HTML5 Geolocation


12: Messages, Workers, and Sockets

  • Messaging API
  • Threading using Web Workers
  • Web sockets: working with streaming data
  • Summary
  • Exercise: Using HTML5 Messages, Workers and Sockets


Tuition: $395 per person
Register: