Skip to content

Marco Casario | RIAvolutionize the web
Syndicate content
Updated: 1 hour 30 min ago

Rich Web Apps with HTML5 training course

Mon, 12/19/2011 - 11:47

Comtaste has just published the new dates for the Developing Rich Web Apps with HTML5 training course:

  • HTML5 - Roma 13 - 15 March 2012
  • HTML5 - Milano 27 - 29 March 2012

This is the outline of the HTML5 corso:

 

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

 

Categories: Blogs