HTML5 Upgrade Course
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.
Audience
The course is suitable for those who have an understanding of HTML and CSS.
Location
This class is available on a regular scheduled basis at our London or York centres or can be run at your own location.
Upon Completion
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.
Course Topics
HTML5 Overview
- History of HTML5
- WHATWG and W3C specifications
- What's can HTML5 & CSS3 do
Using HTML5 Today
- Developer Tools
- Checking if features can be used
- Detecting HTML5 features
- Browser support and polyfills
HTML5 Overview
- History of HTML5
- WHATWG and W3C specifications
- What is part of HTML5?
Using HTML5 Today
- 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
CSS3
- Border-radius
- Box-shadow
- Gradients
- Transitions
- Transformations
- Animations
HTML5 Forms
- New HTML5 form elements
- Building and using HTML5 forms
HTML5 Offline Applications
- HTML5 offline applications
- Manifest files
HTML5 Audio and Video
- The audio and video elements
- Understanding audio and video
- Audio and video containers
- Audio and video codecs
HTML5 Canvas
- Overview
- Canvas
- Canvas basics
SVG
- 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