HTML 5 Overview

 

This is a 1 day overview of the features that HTML 5 provides, and how it can make your web applications feature rich and more like desktop applications.

ON COMPLETION

  • Understand the new elements and attributes of HTML 5
  • Understand what assistive attributes are
  • Work with new form elements and attributes
  • Understand how new form validation works
  • Integrate multimedia into pages
  • Understand what a canvas is and where to find useful examples
  • Work with and understand the new local storage features
  • Be able to create an application that can work even when off line, or connection is lost
  • Use drag & drop
  • Use of Geolocation, web sockets, server sent events and web workers

WHO SHOULD ATTEND?

Anyone who wants to get up to speed with HTML 5 features and then be able to go off and find further examples and documentation to make more complex web applications.

COURSE WORK

Since this is a 1 day course the main focus is to impart useful information with examples and demonstrations. There are some exercises included if time allows.

PRE-REQUISITS

An understanding of HTML, and being able to create a web page.

DURATION: 1 DAYS

PRICE: Call for latest

1st Day: Start 9:00am - Finish 5:00pm

COURSE CONTENT

What is HTML 5

Where to find which browsers and versions support it, document layout, new elements and attributes, obsolute tags

HTML 5 Outlines

What are outlines, browser support and tools, sections

WAI-ARIA

What is WAI-ARIA, how to structure documents and where to find further resources for making your web applications support assistive technology

Forms

What is new in HTML 5 forms, new elements, attributes, styling and managing error messages, backward compatibility, error checking and validation, overriding browser defaults

Multimedia

What is new in HTML 5, native elements and using built-in player, supported codecs and royalty requirements, custom controls, experimental video camera access

Canvas basics

What is a canvas, drawing on a canvas, transformation and manipulation, saving and restoring

Data Store

Introduction to storage, the 3 main local storage systems and how to use them, how to manage the data stores.

Working Offline

Making your applications mobile even when a connection is not available to the Internet. Understand what manifests are and how to create them and how to use the application cache

Drag & Drop

What it is, the API, dragging elements, using drag icons, and using ARIA with your drag & drop

Mobile & Real-time

HTML 5 with mobile applications, geolocation, messaging and notifications, web workers and shared workers, websockets and server side events