Course Outline
This 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
1. HTML5 Overview
Where does HTML5 come from
The vision: common HTML everywhere
The range of HTML5 features
Browser support for HTML
2. New Elements in HTML5
Introducing the new tags
A new semantic structure
Approaches to writing and testing HTML5 code
3. Updated Tags in HMTL5
Unchanged Tags
Tags with Modified behaviour
Attribute additions, deletions and changes
4. Forms
New Input Types
New form elements: Datalist, Keygen and Output fields
New Form related Attributes
Mobile forms
5. Storing Data on the Client
Persistent client-side data storage
The localStorage object
Session management
Security Issues
6. Events
Overview of events and event handlers in HTML5
Handling Form and Window events
Responding to Mouse and Keyboard events
Media events
7. Media
Video and Audio in HTML5
8. The Canvas
Create a Canvas
Drawing with 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
9. XML and XHTML in HTML5
Using XML techniques within HTML5
HTML5 and SVG
10. And there’s more …
HTML5 and the offline app
GEOlocation
<device>
File reader
History object
Event source
Web sockets
Micro data
Undo manager
Web workers
URL, URI, IRI
Web Fonts
Degrading code elegantly for older platforms
