0345 4506120

Developing Web Applications using HTML5

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 to one is free).

Course Content

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

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the requested service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.


Virtual Classroom

Virtual classrooms provide all the benefits of attending a classroom course without the need to arrange travel and accomodation. Please note that virtual courses are attended in real-time, commencing on a specified date.

Virtual Course Dates

Our Customers Include