Enable Technology

Web Development 

HTML 5




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
Modernizr
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
Outlining
Sectioning
Accessibility

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
Accessibility
Scripting Media Elements
Dealing with Non-Supporting Browsers
Graceful Degradation

HTML5 Forms
Modernizr
New Input Types
search
tel
url and email
date/time input types
number
range
min, max, and step attributes
colour
HTML5 New Form Attributes
autocomplete
novalidate
Some Other New Form Field Attributes
required
placeholder
autofocus
autocomplete
form
pattern
New Form Elements
datalist
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
Context
Drawing Lines
Multiple Sub-Paths
The Path Drawing Process
The fill() Method
Colour and Transparency
Rectangles
Circles and Arcs
Radians
Quadratic and Bézier Curves
Practice
Images
drawImage() - Basic
drawImage() - Sprites
Text
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;