Enable Technology

Web Development 


Course Overview

Participants on this two day courses will learn about HTML5 structural, semantic, and form tags, how to use Canvas to create drawings natively in the browser, how to work with HTML5 audio and video, the methods for storing variables client-side, and how you build applications that work offline. The course is aimed at delegates with an existing knowledge of HTML 4 or xhtml.

Duration: 2 day course

Course Content

Laying out a Page with HTML5
Page Structure
Laying out a Page with HTML 4 - the "old" way
Laying out a Page with HTML5
New HTML5 Structural Tags
Page Simplification

HTML5 - Background
The Problems HTML 4 Addresses
The Problems XHTML Addresses
The New More Flexible Approach of HTML5 - Paving the Cowpaths
New Features of HTML5
HTML5 and JavaScript
Additional Changes
The HTML5 Spec(s)
Current State of Browser Support

Sections and Articles
The section Tag
The HTML 4 Way
The HTML5 Way
Display of HTML5 Structural Elements
The article Tag

HTML5 Audio and Video
Supported Media Types
The audio Element
Audio Formats
Multiple Sources
Audio Tag Attributes
Getting and Creating Audio Files
The video Element
Video Tag Attributes
Creating and Converting Video Files
Scripting Media Elements
Dealing with Non-Supporting Browsers
Graceful Degradation

HTML5 Forms
New Input Types
url and email
date/time input types
min, max, and step attributes
HTML5 New Form Attributes
Some Other New Form Field Attributes
New Form Elements
progress and meter

HTML5 Web Storage
Overview of HTML5 Web Storage
Web Storage
Browser Support
Local Storage
Session Storage
Prefixing your Keys
Other Storage Methods
Web Database Storage
Indexed Database API

HTML5 Canvas
Getting Started with Canvas
Drawing Lines
Multiple Sub-Paths
The Path Drawing Process
The fill() Method
Colour and Transparency
Circles and Arcs
Quadratic and Bézier Curves
drawImage() - Basic
drawImage() - Sprites
Text Properties

Integrated APIs
Offline Application API
Cache Manifest File
The HTML File
Managing ApplicationCache with JavaScript
A Sample Application
Drag and Drop API

Email us about this courses         Telephone on 01952 305730

Training Locations: Enable Technology run courses in Wolverhampton, Telford, Shrewsbury, Birmingham, Cannock, Walsall, Dudley, Sandwell, Bridgnorth, Lichfield, Burton-upon-Trent, Stafford, Redditch, Bromsgrove, Solihull, Tamworth, Worcester, Shropshire, Staffordshire, Worcestershire and across the West Midlands.

West Midlands Scheduled Courses: Excel VBA; MS Project, SSRS; SQL; Crystal Reports; HTML;Adobe Illustrator; ASP.NET; Dreamweaver; Flash; Photoshop; InDesign; Google Scripting; Visio; PHP; Microsoft Access; JQuery JavaScript; Web Development; Office;

Birmingham Scheduled Courses: SQL; Excel VBA; MS Access;Photoshop; Adobe Illustrator; InDesign; Dreamweaver; MS Project;Visio; Flash; SSRS;PHP; JavaScript JQuery; HTML CSS; Microsoft Office;

Wolverhampton Scheduled Courses: Microsoft Access; Excel VBAMS Project; Visio; Adobe Illustrator; Photoshop; Dreamweaver; InDesign; Flash; HTML CSS; JavaScript; SQL; Microsoft Office; Adobe

Telford Scheduled Courses: SQL; Excel VBA; MS Project; Visio; PowerPoint; Photoshop; Adobe InDesign; Illustrator; Dreamweaver; Web Design; Office;

Cannock Scheduled Courses: Excel VBA; PHP; Microsoft Access; Visio; MS Project; PowerPoint; Dreamweaver; Photoshop; InDesign; Adobe Illustrator; Flash; JavaScript; HTML CSS;

Walsall Scheduled Courses: Excel; Access; MS Project; Visio; Photoshop; InDesign; Adobe Illustrator; Dreamweaver; Flash; SQL; JavaScript; HTML CSS;

Dudley Scheduled Courses: Excel; MS Access; SQL; MS Project;Visio; Adobe Illustrator; InDesign; Photoshop; Dreamweaver; Flash; JavaScript; HTML CSS;

Sandwell Scheduled Courses: Access;Excel; Microsoft Project; Visio; PowerPoint; Adobe Illustrator; Photoshop; Adobe InDesign; Dreamweaver; Flash; JavaScript; HTML CSS; SQL;

Shropshire Scheduled Courses: Illustrator; InDesign; Adobe; Dreamweaver; Flash; Photoshop; Excel; Project; Visio; PowerPoint; Office; JavaScript; HTML; Access;

Staffordshire Scheduled Courses: Illustrator; InDesign; Photoshop; Dreamweaver; Flash; Adobe; Excel;