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
Comments