HTML5 Upgrade

The HTML5 & CSS3 Getting Started training course is a one day classroom based course which teaches you about the great new features being introduced with HTML5 and CSS3. The course covers a range of topics such as the new HTML5 markup tags such as section, article and nav, video and audio support, Canvas, SVG, and HTML5 Forms. New CSS3 features such as shadows, gradients, transitions, transforms and alpha channels are also covered, as well as a wide range of tools available for creating compliant content.

The course is suitable for those who have an understanding of HTML and CSS.

This class is available on a regular scheduled basis at our London or York centres or can be run at your own location.

By the end of this course you will know everything needed to layout a webpage using the latest HTML5 and CSS3 markup. You will be able to style your page using CSS, apply dynamic effects such as transitions and transforms, include video and audio, position items and lots more.

HTML5 Overview 

- History of HTML5 

- WHATWG and W3C specifications 

- What's can HTML5 & CSS3 do

- Developer Tools 

- Checking if features can be used 

- Detecting HTML5 features 

- Browser support and polyfills

- History of HTML5 

- WHATWG and W3C specifications 

- What is part of HTML5?

- When can I use these features? 

- Using HTML5 on mobile devices 

- Developer Tools 

- Detecting HTML5 features

HTML5 Markup 

- HTML5 page structure 

- HTML5 DOCTYPE 

- HTML5 markup

- Structural elements

- Semantic elements

- Deprecated elements

- Border-radius 

- Box-shadow 

- Gradients 

- Transitions 

- Transformations 

- Animations

- New HTML5 form elements 

- Building and using HTML5 forms

- HTML5 offline applications 

- Manifest files

- The audio and video elements 

- Understanding audio and video 

- Audio and video containers 

- Audio and video codecs

- Overview 

- Canvas 

- Canvas basics

- How to use SVG 

- JavaScript libraries that help with drawing eg: Raphaël, gRaphaël, Visualize, etc

Related Topics 

- Web Sockets overview 

- Geolocation 

- HTML5 Storage 

- Drag and Drop 

- Web Workers