Developing Web Applications Using HTML5

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.

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.

Prerequisites

  • 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.

Syllabus

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

Training provider

Teaching mode: Classroom - Instructor Led
Duration: 5 days
Gooroo has partnered with the global leaders in IT training to give you access to quality training, personalised to you, targeted at increasing your job opportunities and salary.

Our pricing

We do not display pricing as Gooroo members qualify for special discounts not available elsewhere. You must enquire through Gooroo to get this benefit.

New courses are happening all the time

Our partner's expert training consultant will provide you with the times and all the details you need. Enquire today.

Top skills covered in this course

HTML5
Worldwide
This skill has an average salary of
US$99,526
and is mentioned in
0.03%
of job ads.
Cascading Style Sheets (CSS)
Worldwide
This skill has an average salary of
US$87,188
and is mentioned in
0.06%
of job ads.
JavaScript
Worldwide
This skill has an average salary of
US$95,691
and is mentioned in
1.01%
of job ads.
jQuery
Worldwide
This skill has an average salary of
US$85,000
and is mentioned in
0.01%
of job ads.