Course Outline
This three day course introduces the features and benefits of HTML 5. Using the latest browsers and tools which support HTML5, we explore the direction the web is going. While recognising that many of the features are yet to be ratified and even implemented consistently, the course focuses on good practice and creating manageable code.
The course it a mix of conceptual familiarisation, plus plenty of hands-on coding examples. Much of the course is delivered using hand-coding, since development tools are not yet fully available for HTML5.
Our hands-on HTML 5 training course provides delegates who prefer a fast track learning route with intensive practical tuition in creating professional web sites using HTML5, JavaScript, CSS3 and some JavaScript libraries (specifically JQuery and Modernizr).
Available as a public or closed course at our London training centre, or can be tailored to your team's requirements and delivered onsite as a bespoke, customised training course.
Course Content
This course has been developed for real-world, commercial scenarios by our expert instructors. See below for detailed syllabus. If you have a technical question, please email sales@jbinternational.co.uk
HTML 5 Web Development Training Course Outline
HTML5 Overview
Where does HTML5 come from
The vision: common HTML everywhere
The range of HTML5 features
Browser support for HTML5
New Elements in HTML5
Introducing the new tags
A new semantic structure
Approaches to writing and testing HTML5 code
Updated Tags in HTML5
Unchanged tags
Tags with modified behaviour
Attribute additions, deletions and changes
Forms
New input types
New form elements: Datalist, Keygen and Output fields
New form related attributes
Mobile forms
Storing Data on the Client
Persistent client-side data storage
ThelocalStorage object
Session management
Security Issues
Events
Overview of events and event handlers in HTML5
Handling Form and Window events
Responding to Mouse and Keyboard events
Media events
Media
Video and Audio in HTML5
The Canvas
Create a Canvas
Drawing wth Javascript
Understanding Co-ordinates
Rectangle, circle and ellipse
Paths, line, polygon and polyline
Text
Introducing filters
Linear and radial gradients
Images
Controlling layout, visibility and state with Canvas tags
IE compatibility
XML and XHTML in HTML5
Using XML techniques within HTML5
HTML5 and SVG
And there's more
HTML5 and the offline app
GEOlocation
Other (less supported) HTML5 features
Degrading code elegantly for older platforms
Mobile development
Styling
UI libraries i.e. jQTouch
Other considerations
