Course duration: 1 Day

Cost: £295 + VAT

Geolocation

 Privacy Concerns
 Geolocation Methods
 Checking for Support with Modernizr
 Retrieving the Current Position
 Geolocation’s Position Object
 Grabbing the Latitude and Longitude
 Loading a Map
 A Final Word on Older Mobile Devices

Offline Web Applications

 HTML5 Application Cache
 Setting Up Your Site to Work Offline
 Getting Permission to Store the Site Offline
 Going Offline to Test
 Limits to Offline Web Application Storage
 The Fallback Section
 Refreshing the Cache

Web Storage

 Two Kinds of Storage
 What Web Storage Data Looks Like
 Getting and Setting Data
 Converting Stored Data
 Removing Items and Clearing Data
 Storage Limits
 Security Considerations

Additional HTML5 APIs

 Web Workers
 Web Sockets
 Web SQL and IndexedDB

Canvas

 Canvas History
 Creating a canvas Element
 Drawing on the Canvas
 Getting the Context
 Filling Our Brush with Color
 Drawing a Rectangle to the Canvas
 The Canvas Coordinate System
 Variations on fillStyle
 Drawing Other Shapes by Creating Paths
 Saving Canvas Drawings
 Drawing an Image to the Canvas
 Manipulating Images
 Converting an Image from Color to Black and White
 Security Errors with getImageData
 Manipulating Video with Canvas
 Displaying Text on the Canvas
 Accessibility Concerns

SVG

 Drawing in SVG
 Using Inkscape to Create SVG Images
 SVG Filters
 Using the Raphaël Library
 Canvas versus SVG

Drag and Drop

 Making Elements Draggable
 The DataTransfer Object
 Accepting Dropped Elements

HTML5 Audio and Video

 Video Container Formats
 Video Codecs
 Audio Codecs
 Enabling Native Controls
 The autoplay Attribute
 The loop Attribute
 The preload Attribute
 The poster Attribute
 The audio Attribute
 Adding Support for Multiple Video Formats
 source Order
 MIME Types

Encoding Video Files for Use on the Web

 The Media Elements API
 Playing and Pausing the Video
 Muting and Unmuting the Video’s Audio Track
 Responding When the Video Ends Playback
 Updating the Time as the Video Plays