About the course:
Learn to build stylish sites with HTML and CSS

Our HTML 5 training course is aimed at developers who need to get up to speed with the fundamentals skills to build modern web pages, sites and applications.
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 - including mobile.
Our HTML 5 training course will give you the skills to build accessible, usable and attractive User Interfaces for your web applications, too.
By the end of this course, you will have learnt:
- HTML5 Essentials
- Embedding rich content in HTML5
- Hands-on with Canvas
- Creating HTML5 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.
On-site HTML5 Training
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.
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 and 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