Developing Web Applications using HTML5

  • Duration: 5 days
  • Our price: from £2,962 per person

Course overview:

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.

Pre-Requisites:

Delegates attending this course should have a solid understanding of web and internet technologies

Who Should Attend:

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.

Training Course Overview/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
CSS3

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

Forms

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
SVG

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

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

AJAX and JSON

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

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

This course is running at the following venues:

3rd Floor, International House, London, E1W 1UN

Can’t find your perfect course? Contact us for help