TRAINING HTML 5 - 2011 Calendar

Next-Generation Rich Web Application with HTML5

Developing real-time and collaborative web applications using HTML5 WebSocket and Communication

Prerequisites

This HTML 5 course is designed for software developers interested in designing, creating, and deploying HTML5 web applications. It is valuable to both beginners and advanced developers that already have experience in developing web applications. To get the most out of the course, you should be somewhat familiar with HTML and JavaScript. Prior exposure to any of these concepts will be helpful, but not required:

• HTML/XML
• JavaScript
• Ajax

Overview

HTML5 is the next major milestone in HTML and it is not just another incremental enhancement; it represents an enormous advance for modern web applications. HTML5 is such a big step forward that it prompted Vic Gundotra, VP of Engineering at Google, to say “The web has not seen this level of transformation, this level of acceleration, in the past ten years… we're betting big on HTML5.”

A large number of features are already supported in browsers, so it is time to start using it!

This HTML5 training course is divided into two training modules. In the first HTML 5 module you will learn how to create HTML5 web pages and web applications using HTML5 markup and HTML5 JavaScript APIs. In the second HTML 5 module that is a highly practical about HTML5 Communication for real-time web applications, using HTML5 WebSocket, Server-Sent Events, Cross-Document Messaging, and XMLHttpRequest Level 2. This course will teach you how to create next generation HTML5 web applications.

With these new standards, the browser can now enjoy the first-class citizenry of network communication that has long been enjoyed by desktop applications. You will learn how to use the emerging standards to build scalable, mission critical real-time Web 2.0 applications such as:

• Trading System Clients
• Online Betting Applications
• Social Chat Solutions
• Performance Monitoring Applications
• RFID and GPS Tracking Applications
• Sports and News Broadcasting Applications

Training objectives

This course guides the participants in a step-by-step learning process about the new HTML 5 features and the development of real-time applications.

PC requirements

Each participant should come with his/her own notebook with the following minimum requirements to partecipate in the Flash Media Server 2 course:

• Intel Pentium Core Duo
• Microsoft Windows XP with Service Pack 2, Windows XP Professional, Windows 2000 Server, or Windows Server 2003
• 1 GB of memory
• 300 MB of available hard-disk space to install

Those who are not equipped with a notebook with the above characteristics may rent a PC for the entire course. Please inform us a few days in advance if you require this service.

Teaching material

The course will provide each student the following text book:
HTML5 Solutions: Essential Techniques for HTML5 Developers
Editore: Apress

 

Programme

 

Introduction to HTML5

The Web Today

• The current state of the Web
• About HTTP
• About AJAX
• HTTP Header

Previous Push Technology Attempts

• Reverse AJAX and Comet
• Long-polling and streaming
• Push Technology Concerns
  • Scalability
  • Cross-domain issues
  • Connection limit

Structure of a HTML5 page

Using the new DOCTYPES

Replacing the presentational Markup
Avoid with security vulnerabilities with character encoding

Global Values

Structuring the page using:

• section

• header

• footer

• nav

• article

Using block semantic elements: aside, figure, and dialogue

Detecting if a browser supports a HTML 5 feature

Using the Modernizr open source library

 

HTML5 Markups

The new Horizontal Rule

Using the IFRAME

Using the EMBED tag

Creating empty lists

Linking Heading, paragraphs, blockquotes

Using the AREA tag

Using the media attrbiutes for the A and AREA tags

 

Semantic HTML5 Markup

Understanding Microdata
Using the itemprop and itemscope
Creating a custom vocabulary
Using the microdata with the DOM API
Understanding Link types and relations
The header and hgroup elements
Connecting images with their captions
Using the article element
Date and Times elements
Adding tangent content

 

 

HTML5 Forms

Understanding the new input types

Using the built-in validation for email input type

Using an url input type

Using a spinner control
Working with the data in your Form
Adding a slider to your Form with the range input type

Sending multiple files

Creating a Google's suggest-like autocomplete with the data list component

Validating form controls

Creating custom input types using regular expressions
Setting placeholder text in an input field
Using the built-in validation for email addresses formats
Creating Date and Time Controls

Create a complete form

Applying CSS to a Form

 

 

Working with Video and Audio

Embedding a video in a web page
Checking for video format support
Detecting Video support across browser
Creating a video controller
Preloading videos

Creating a custom seekbar for a video
Understanding the Codecs
Encoding videos in different sources
Using multiple source video elements

Opening a video in Fullscreen
Applying CSS to a Video element
Adding a mask to videos

Using the new AUDIO element

 

Understanding the Canvas APIs

Understanding the CANVAS APIs
Detecting the Canvas and Canvas text support
Understanding the standard screen-based coordinate system
Pixel manipulations
Applying shadows and blurring
Animating canvas

 

 

Drawing with the Canvas 2D APIs
How to draw with HTML 5: Using the Canvas 2D APIs

Using paths and coordinates

Drawing shapes: rectangle and circle
Filling shapes with solid colors
Using gradients to fill shapes
Drawing texts in a canvas
Working with relative font sizes to draw text on a canvas
Saving a shape as a PNG file

 

HTML5 Communication APIs

Understanding the PostMessage API
Checking for postMessagi API browser support
Cross-documents messaging and CORS

Sending messages between windows and iframe

Using the Server-Event technologies for writing real-time web applications
Creating independent pieces of code to communicate directly
Running code in different browsing contexts using Message channels
Uploading files using the XMLHttpRequest Level 2

Checking for the XMLHttpRequest Level 2 cross-origin browser support

 

Working with WebSocket

Understanding the COMET approach

Checking for WebSocket browser support

Establishing a websocket connection

Handling websocket events

Full-duplex messaging between client and server

Parsing and constructing WebSocket URLs

Understanding the data framing

Using the WebSocket Interfae for Javascript programming

Using a WebSocket server with the WebSocket API

 

 

Using the Geolocation APIs

Understanding the Geolocation APIs
Using the navigator object
Using the position object
Working with coordinates
Handling error with the PositionError
Getting the current position
Using the geo.js open source library

 

Local Storage

Understanding the Occasionally Connected Applications
Checking for HTML5 Storage support

Declaring a Manifest for your page

Using the ApplicationCache object

The ApplicationCache events
Bypassing the cache

 

Accessibility in HTML5

Creating skip links with the nav element
Creating accessible tabular data
Form accessibility
Captioning and annotations using video elements
The Canvas interface elements

Using the ARIA project

 

Participation price

Early Bird (before 31 May) special price 1.000 euro + IVA.

 

The standard price is 1.200 euro + iva.

REGISTRATION TO THE COURSE Next-Generation Rich Web Application con HTML 5

For:

• Planning customised course plans
• Client based courses
• Corporate courses

ASK FOR AN ESTIMATE >>