HTML5 is the emerging future of web development supported in all modern browsers. A suite of connected technologies leverage HTML, Javascript and CSS to create a high performance web application without the need for plugin technology and with reduced calls to servers. This course takes developers with some experience of the core technologies into this brave new world whilst supporting the legacy technologies that most organisations must still support where you will learn best practice, how to utilise modern scripting libraries and migrate yourself and your organisation into the next wave of web applications.

Target Audience

Those intending to take the 70-480 Developing Web Applications using HTML 5 exam also 70-490 Upgrade your MCPD Windows Developer 4 to MCSD: Windows Metro Style Apps using HTML exam and also 70-492 Upgrade your MCSD: Web Developer 4 to MCSD: Web Applications will also benefit from attendance at this course.

  • Delegates attending this course should have a solid understanding of web and internet technologies or have 6-12 months of experience with a web application programing environment such as ASP.NET or PHP.

Please note: Before attending this class delegates must have a Microsoft account (signing up one is free). The instructions on how to set up a Microsoft account can be found here.

Day 1

Introducing HTML5

  • What is HTML5
  • The 'living standard' ethos
  • HTML5 browser support
  • CSS3
  • ECMAScript5
  • HTML5 -markup redefined
  • The HTML5 skeleton

HTML5 Markup

  • New categories of markup
  • Introducing semantics
  • The HTML5 legacy browser issues
  • Considering fallbacks and introducing polyfills
  • HTML5 Boilerplates


  • The CSS3 Box Models
  • Positioning elements with CSS
  • Working with CSS3 Selectors
  • Enhancing Appearance with CSS3
  • The basis of multi device development with Media Queries

Day 2

CSS3 Transitions and Transformations

  • CSS Transforms
  • 2D Transforms
  • 3D Transforms
  • CSS Transitions
  • Simple Transitions
  • Keyframe Transitions
  • 3D Transitions

Javascript for Developers

  • Types
  • Creating and Accessing Arrays
  • Creating functions
  • Calling functions
  • Functions and scope
  • Creating and accessing Objects

Javascript and the DOM

  • What is the DOM
  • The DOM and HTML tree
  • Selecting elements with javascript
  • Selecting using ECMAScript5
  • Modifying content

Introducing jQuery

  • Understand how to use jQuery to simplify client-side coding
  • Contents
  • What is jQuery?
  • Selecting elements with jQuery
  • Manipulating properties with jQuery
  • Events with jQuery

Day 3


  • Understanding how forms work with GET and POST
  • Creating HTML5 forms with semantic markup
  • Verifying forms with HTML5 declarative markup
  • Verifying forms with jQuery validation

Video and Audio

  • The video element
  • Codecs and encoding
  • Defining multiple video sources
  • Javascript custom controls
  • Audio elements
  • Legacy support


  • What is SVG
  • Browser support
  • SVG markup
  • Common shapes
  • SMIL Animation


  • The canvas element
  • Using the canvas API
  • Drawing shapes
  • Filling shapes
  • Understanding gradients
  • Creating text
  • Scalable Vector Graphics
  • Canvas vs. SVG

Drag and Drop

  • The Drag and Drop API
  • Creating a draggable resource
  • Defining a drop source
  • Event handling issues

Day 4


  • What is Ajax?
  • Ajax enabling technologies
  • XMLHttpRequest object
  • Client and Server architecture
  • Client and Server development models
  • Abstraction through jQuery


  • What is Geolocation?
  • Using a mapping API
  • The Geolocation API

Client Side Storage

  • The evolution of application storage
  • Local and Session Storrage
  • Managing complex client data with IndexedDB

Day 5

Web sockets & Web Workers

  • Moving beyond the request response model with web workers
  • Duplex asynchronous communication with the Web socket API
  • Multithread type processing using Webworkers

Application Caching and Offline Applications

  • Using the appcache
  • Working with application events
  • Providing offline applications
  • Improving web application performance through caching

Release & Maintenance

  • Creating a release strategy
  • Minifying and optimising for release
  • Cross Browser testing strategies

Sorry, we don't have any available dates! Please complete this form to be notified about new dates

Hide form
Please type in a preferred location or region...