HTML5 Overview

Summary

 

In this expert-led HTML5 overview, attendees will learn about all the major feature areas that make up HTML5:

 

  • Semantic markup and forms
  • CSS3
  • Multimedia
  • Graphics and 3D
  • Device access
  • Performance
  • Offline and Storage
  • Connectivity

 

HTML5 is the next major milestone in HTML, not just another incremental enhancement. It represents an enormous advance for modern web applications. HTML5 is such a big step forward that everybody is talking about it (and how often do these companies agree on anything at all?):

 

 "The Web has not seen this level of transformation, this level of acceleration, in the past ten yearsÉ we're betting big on HTML5"
—Vic Gundotra, VP of Engineering, Google

 

"The world is moving to HTML5"
—Steve Jobs, Apple

 

"If you want to do something universal, there is no question, the world is going HTML5. That is clear...The world is just pushing down this HTML5 path and so are we."
—Steve Ballmer, CEO Microsoft

 

In this expert-led, non-technical HTML5 overview session, attendees will learn about all the major feature areas that make up HTML5. This training is specifically designed for decision makers, managers, and architects to quickly come up to speed on the new technology areas that make up HTML5.

 

Training Duration

 

3 Hours

 

Training Objectives

 

In this HTML5 Overview, attendees will learn about all the new features in HTML5, HTML5 readiness, moving from other platforms to HTML5, and how HTML5 will impact application development. Upon completion of the training course, attendees will:

 

  • Know about the new HTML5 semantic markup and forms and their benefits
  • Understand all the major feature areas in HTML5
  • Understand current browser support for the various HTML5 features
  • Understand how to make HTML5 features work in older browsers

 

The training course covers all of the HTML5 areas:

 

HTML5

 

Training Audience

 

This non-technical training is specifically designed for decision makers, managers, and architects to quickly come up to speed on the new technology areas that make up HTML5. There are no hands-on labs in this course.

 

HTML5 Overview Course Outline

 

The following is a detailed breakdown of all the HTML5 Overview. Attendees will receive electronic copies of the presentations.

 

Part 1—Introduction

 

HTML5 Overview

 

  • History of HTML5
  • The HTML5 vision
  • WHATWG and W3C specifications
  • What is part of HTML5?
  • When can I use HTML5?
  • Moving away from Adobe Flash
  • Mobile HTML5 Applications
  • HTML5 Accessibility and WAI-ARIA
  • Web Applications versus Web Sites
  • HTML5 Security Overview
  • security
  • Using HTML5 in browsers that do not support it
  • native availability of HTML5 features
  • and Polyfills
  • Overview of the HTML5 APIs
  • Programming HTML5

 

Part 2—Semantic Markup, Microdata, and Forms

 

HTML5 Markup

 

  • HTML5 page structure
  • HTML5 DOCTYPE
  • HTML5 markup
  • Structural elements
  • Semantic elements
  • Deprecated elements
  • HTML5 validation
  • Browser support and polyfills
  • Using Helper Libraries
    • HTML5Shiv
    • HTML5 Boilerplate
    • Modernizr

Microdata

 

  • Overview
  • Data vocabularies
  • Google Rich Snippet tool

 

HTML5 Forms

 

  • HTML5 Form elements
  • New input types
  • Form validation
  • Building and using HTML5 Forms

 

Part 3—CSS3

 

CSS3

 

  • Overview
  • Border radius
  • Box and text shadows
  • Gradients
  • Multi-column layout
  • Reflection
  • Selectors
  • Transformations and Transitions
  • Web Fonts
  • Media queries
  • Browser support and polyfills

 

Part 4—Multimedia

 

HTML5 Audio and Video

 

  • Overview
  • Audio and video containers
  • Audio and video codecs
    • WebM
    • H.264
    • Ogg
  • WebVTT and video accessibility
  • Browser support and polyfills

 

Part 5—Graphics and 3D

 

 

SVG

 

  • Overview
  • SVG vs. canvas
  • Browser support and polyfills

 

Canvas

 

  • Overview
  • Canvas coordinates
  • Context
  • Accessibility
  • Pixel data
  • Overview of 3D canvas (WebGL)
  • Browser support and polyfills

 

Part 6 Devices Access

 

HTML5 Geolocation

 

  • Overview
  • User Privacy
  • Location information sources

 

Drag and Drop

 

  • Overview

 

More Device Access

 

  • Device orientation
  • Speech input
  • Webcam

 

Part 7 Performance and Integration

 

HTML5 Web Workers

 

  • Overview
  • Web Worker communication

 

High-Performance HTML5 Web Applications

 

  • Tips and Tricks for Web App optimization
    • JavaScript
    • CSS
    • Images
    • Sprites
    • Data URIs
  • Developer Tools for
    • Page Speed
    • YSlow
    • Chrome Speed Trace

PART 8 Offline and Storage

 

HTML5 Offline Web Applications

 

  • Overview
  • ApplicationCache API and Events
  • Understanding the Manifest file
  • Server Configuration
  • Building and using HTML5 Offline Web Applications

 

HTML5 Web Storage

  • Overview
  • Local Storage
  • Session Storage

 

Database Storage

 

  • Overview
  • Web SQL Database
  • Indexed Database

 

Part 9 Connectivity

 

Cross Document Messaging

 

  • Overview
  • Understanding the origin concept

 

XMLHttpRequest Level 2

 

  • Overview
  • Cross-document XHR
  • Progress events

 

Server-Sent Events

 

  • Overview
  • EventSource API

 

HTML5 WebSocket

 

  • Overview
  • WebSocket API
  • WebSocket Protocol

Testimonials

 

Here's what some attendees thought about the HTML5 Fast Track course:

 

HTML 5 has become one of the hottest topics in the last several months. I was very interested to learn about the capabilities of the standard and what the future had in store. Peter was able to paint a clear picture of HTML 5 in a short amount of time. I am more than pleased with the knowledge I gained and look forward to any future training courses that he will provide.

—SapientNitro

 

Peter has excellent teaching skills. Very knowledgeable and informative. I would like to recommend this course to any one in this field, as I found very useful for my career.

—Network Solutions

 

It was very well presented, and gave me the right information to continue on my own to go farther. Peter Lubbers clearly was a fantastic communicator, educator and demonstrated a subject matter expertise.

—Intel Corporation

 

I learned to harness a great deal of the new technology that HTML5 has to offer. Very cool and informative! Peter Lubbers did an excellent job separating the hype behind HTML5 from practical application we can implement this week. I thoroughly enjoyed learning how we can move forward into HTML5 while implementing fallback into everything we do for the older browsers.

—Bechtel National, Inc.

 

The course and the instructor were very good. I really learned the subject and enjoyed the course.

—Audible.com

 

What I learned will be very helpful in current and future projects at my job.

—NCATE

 

Great class, excellently paced and highly informative without hurting your head.

—Hearst Magazines

 

Kaazing HTML5 Training Prerequisites

 

This section describes the recommended and optional system and software for Kaazing's HTML5 courses:

 

  Facility prerequisites

 

  Attendee system and software prerequisites

 

Facility Prerequisites

 

A facility hosting the Kaazing Master Class must provide the following items:

 

  • Reliable, fast Internet access (via Wi-Fi or wired)
  • Projector (VGA-compatible)
  • Whiteboard
  • A good supply of coffee

Attendee System and Software Recommendations

 

This is a non-technical overview session. Attendees do not have to bring a laptop, but can if they want to.

 

Questions?

If you have any questions whatsoever, please contact training@kaazing.com.