HTML5 ESSENTIALS

Course Overview

HTML5 is the latest evolution of the HTML standard. This represents a new version of HTML, with new elements, attributes and behaviors incorporating a larger set of technologies that allows more diverse and powerful web site and application construction. Students wanting to attend this course will already be familiar with HTML, CSS and and conversant with javascript.

Course Prerequisites

Students should have completed the HTML Essentials training course or have equivalent experience. Although it's not a requirement it is strongly recommended that participants have CSS and JavaScript experience prior to attending the HTML5 course.

Raising the Bar

1300 937 782

www.rtb.com.au

HTML5 Introduction

HTML5 Explained
HTML5's 3 Key Principles
Discover HTML5 Markup
HTML5 Doctype
Character Encoding
HTML5 Syntax
Validation
HTML5 Element Family
New & Removed Elements
Adjusted Elements
Standardised Elements
Use HTML5 in Web Development Today
Browser Support for HTML5

The HTML5 Way to Structure Pages

Semantic Elements Basics
Adjust a Traditional HTML Page
Old Page Structuring in HTML
Structure a Page with HTML5
Subtitles with (hgroup)
Add Figures with (figure)
Add Sidebars with (aside)
Browser Compatibility for Semantic Elements
Design a Site using Semantic Elements
HTML5 Outlining System
Viewing an Outline
Basic HTML5 Outlines
Sectioning HTML5 Elements

Meaningful Markup in HTML5

Revisiting the Semantic Elements
Dates and Times
Highlighting Text using the Mark Tag
New Standards to Boost Semantics
Accessible Rich Internet Applications (ARIA) in HTML5
Resource Description Framework (RDFa) in HTML5
Microformats in HTML5
Microdate
Google Rich Snippets and HTML5

Refined Web Forms

Understanding HTML5 Forms
Traditional HTML Forms Reworked
Add Hints with Placeholders
Setting Focus (Set Cursor Location)
Understanding and Validating Form Errors
Turning Off Form Validation
Validation Styling Hooks
Validating Controls Using Regular Expressions
Customising Validation
Form Validation Browser Support
HTML5 Input Types
Suggested Inputs Using a Datalist
Command and Menu in HTML5

Video and Audio in HTML5

Understanding Video in Browsers Today
Introducing HTML5 Video and Audio
Media Formats Explained
Using JavaScript to Control Your Player
Adding Sound Effects
Create a Custom Video Player
Captions and Accessibility

Drawings using a Canvas

Canvas Basics
Drawing Straight Lines
Working with Paths and Shapes
Adding Curved Lines
Transforming a Drawing
Drawing Transparency
Creating a Basic Paint Program
Drawing Preparation
Drawing on the Canvas
Saving the Canvas Drawing as a Picture
Canvas Browser Compatibility
Polyfilling the canvas

Enhancing Styles with CSS3

CSS3 Today
Working with Web Typography
Different Web Font Formats
The Font Kit
Google Web Fonts
Using your Own Fonts
Multiple Columns of Text
Adapting to Different Devices
Building Better Boxes
Special Effects using CSS3 Transitions

Data Storage

Introduction to Web Storage
Storing Data
Remove Items
Finding Stored Items
Storing Numbers
Storing Text
Storing Objects
Reacting to Data Changes
Reading Text Files
Replacing the Normal Upload Control
Reading Multiple Files
Reading Image Files

Offline Applications

Caching Manifest Files
Create a Manifest
Use your Manifest
Updating Manifest Files
Practical Manifest Caching Techniques

Web Server Communication

Sending Messages to a Web Server
Server-Sent Events
Web Sockets

Applying JavaScript

Geolocation
Web Workers
History Management using JavaScript