Course Outline
This course introduces the features and benefits of HTML5. Using the latest browsers, mobile emulators and simulators, plus 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 HTML5 training course provides delegates who prefer a fast track learning route with intensive practical tuition in creating professional web sites/apps using HTML5, JavaScript, CSS3 and some JavaScript libraries (specifically JQuery, jQuery Mobile and Modernizr) plus Cordova (PhoneGap)
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.
Labs will be performed using web browsers and/or mobile emulators. Delegates who wish to may bring their own mobile devices for testing code or use emulators provided.
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
Introduction
Tools and platforms
Development challenges, Mobiles and other platforms
Hardware/software support
The development environment – minimum requirements and setup
Testing your webpage or app – minimum requirements and setup
HTML5 Overview
Where does HTML5 come from
The vision: common HTML everywhere
The range of HTML5 features
Browser support for HTML
New Elements in HTML5
Introducing the new tags
A new semantic structure
Approaches to writing and testing HTML5 code
Updated Tags in HMTL5
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
The localStorage 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 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
Transformers
Capture images
Animation
Touch events for drawing
XML and XHTML in HTML5
Using XML techniques within HTML5
HTML5 and SVG
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
Optimising Html5 for Mobile
Dealing with Orientation
Interfacing with the hardware
Creating touch friendly pages
Using JQuery Mobile
Cordova/PhoneGap
