HTML5 Level 2

Request info

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

SELECT wp_posts.*, wp_p2p.* FROM wp_posts INNER JOIN wp_postmeta ON ( wp_posts.ID = wp_postmeta.post_id ) INNER JOIN wp_p2p WHERE 1=1 AND ( ( wp_postmeta.meta_key = 'start_date' AND CAST(wp_postmeta.meta_value AS DATE) >= '2024-07-24' ) ) AND ((wp_posts.post_type = 'schedule' AND (wp_posts.post_status = 'publish' OR wp_posts.post_status = 'acf-disabled'))) AND (wp_p2p.p2p_type = 'schedule_to_courses' AND wp_posts.ID = wp_p2p.p2p_from AND wp_p2p.p2p_to IN (SELECT wp_posts.ID FROM wp_posts WHERE 1=1 AND wp_posts.ID IN (1401) AND ((wp_posts.post_type = 'courses' AND (wp_posts.post_status = 'publish' OR wp_posts.post_status = 'acf-disabled'))) ORDER BY wp_posts.post_date DESC )) GROUP BY wp_posts.ID ORDER BY CAST(wp_postmeta.meta_value AS DATE) ASC