HTML5 Training Syllabus
Course description
Our HTML5 training course is aimed at existing web developers who need to get up to speed with the new and more complex features available within HTML5.
The course includes extensive hands-on practical work to help you get the most out of HTML5 and ensure that your code is compatible and well-optimised across browsers and platforms such as smartphones and tablets – and their varying degrees of HTML5 support.
Our HTML 5 training course will give you the skills to build accessible, usable and attractive User Interfaces for your web applications.
If you are interested in custom / on-site HTML5 training for any size of team, please get in touch – we would be glad to help build a course that meets your learning requirements.
We can take into account your existing technical skills, project requirements and timeframes, and specific topics of interest to tailor the most relevant and focussed course for you.
This can be particularly useful if you need to learn just the new features and Best Practices with HTML 5, or need to include extra topics to help with pre-requisite skills.
What you will learn
· New Elements in HTML5
· Embedding rich content in HTML5
· Hands-on with Canvas
· Web Forms
Who should attend
Developers who need to get up to speed with the powerful new features in HTML5 in order to create rich interfaces and functionality in their web and mobile apps.
Prerequisites
Experience of web development with HTML 4 and CSS. Some knowledge of JavaScript would be beneficial.
HTML5 Training Course Syllabus
Introduction to HTML5
Overview of HTML5 New Features
Background and purpose of HTML5
The W3C and WHATWG specifications
Feature detection using Modernizr
HTML5 examples
Creating HTML5 Pages
Semantic mark-up tags
Additional tags and attributes
Form handling
The Selector API
Accessibility and Aria
Layout and Design with CSS3
Setting out with CSS3
Controlling Page Layout
Backgrounds, borders, colours, and text
CSS3 Selectors
Using Web Fonts
Media queries
CSS3 Transformations and Animations
Transitions
Transformations
Key-frame Animations
HTML5 Communications API
Key principles
Cross-document Messaging
AJAX essentials
Using XMLHttpRequest Level 2
HTML 5 Web Storage API
Overview of HTML5 Web Storage
Understanding the Web Storage API
Listening for storage events
Working Offline / Asynchronously
Graphics
HTML5 and Graphics
Introduction to Canvas
Using canvas
Using SVG
Web Workers
Overview of Web Workers
Using the Web Workers API
Examples
HTML5 Web Sockets
Introduction to HTML5 Web Sockets
Defining a Web Sockets Server
Defining a Web Sockets client
HTML5 Audio & Video
Overview of HTML5 rich media
Playing video files
Playing audio files
HTML5 File-Handling Methods
Drag-and-drop
HTML5 databases
Intro to Mobile Development with HTML5
Getting started with HTML5 Mobile
Creating a Mobile User Interface
Managing Data
UI behaviours and User eXperience Best Practices