Corso: HTML5 Fast Track Roma

Attività di design, creazione e sviluppo di applicazioni web in HTML5
N.B. Il corso HTML5 Fast Track sarà svolto interamente in lingua inglese.

Parte 1- Introduzione

HTML5 Overview

History of HTML5
The HTML5 vision
WHATWG and W3C specifications
What is part of HTML5?
When can I use HTML5?
Moving away from Adobe Flash
Mobile HTML5 App
HTML5 accessibility and WAI-ARIA
Web Applications vs Web Sites
HTML5 Security Overview
Origin-based security
Using HTML5 in browsers that do not supported
Detecting native availability of HTML5 features
Emulation and Polyfills
Overview of HTML5 APIs
Programming HTML5
Parte 2 - Semantic Markup, Microdata and Forms

HTML5 Markup

Page HTML5 structure
HTML5 DOCTYPE
HTML5 markup
Structural elements
Semantic elements
Deprecated elements
Validazione di pagine HTML5
Browser support and polyfills
Using Helper Libraries
HTML5Shiv
HTML5 Boilerplate
Modernizr
Lab: Using HTML5 Markup
Microdata

Overview
Data vocabularies
Google Rich Snippet tool
HTML5 Forms

HTML5 Form elements
New input types
Form validation
Building and using HTML5 Forms
Lab: Using HTML5 Forms
Parte 3 - CSS3
CSS3

Overview
Border radius
Box and text shadows
Gradients
Multi-column layout
Reflection
Selectors
Transformations and Transitions
Web Fonts
Media queries
Browser support and polyfills
Lab: Using CSS3
Parte 4 -Multimedia

HTML5 Audio and Video

Overview
Audio and video containers
Audio and video codecs
WebM
H.264
Ogg
WebVTT and video accessibility
Browser support and polyfills
Lab: Using the audio and video APIs
Parte 5 - Graphics e 3D

SVG

Overview
SVG vs. canvas
Browser support and polyfills
Canvas

Overview
Canvas coordinates
Context
Accessibility
Pixel data
Lab: Using the Canvas API
Canvas basics
Drawing operations
Canvas transforms
Overview of 3D canvas (WebGL)
Browser support and polyfills
Parte 6 - Devices Access

HTML5 Geolocalizzazione

Overview
User Privacy
Location information sources
Lab: Using the Geolocation API
Drag and Drop

Overview
Lab: Using the Drag and Drop API
More Device Access

Device orientation
Speech input
Webcam
Parte 7 - Performance and Integration

HTML5 Web Workers

Overview
Web Worker communication
Lab: Using the Web Workers API
High-Performance HTML5 Web App

Tips and Tricks for Web App optimization
JavaScript
CSS
Images
Sprites
Data URIs
Developer Tools for
Page Speed
YSlow
Chrome Speed Tracer
Lab: Optimizing web app performance
Parte 8 - Offline e Storage

HTML5 Offline Web App

Overview
ApplicationCache API and Events
Understanding the Manifest file
Server Configuration
Building and using HTML5 Offline Web App
Lab: Creating HTML5 Offline Web App
HTML5 Web Storage

Overview
Local Storage
Session Storage
Lab: Using Web Storage
Database Storage

Overview
Web SQL Database
Indexed Database
Lab: Using the IndexedDB
Parte 9 - Connectivity

Cross Document Messaging

Overview
Understanding the origin concept
Lab: Using the PostMessage API
XMLHttpRequest Level 2

Overview
Cross-document XHR
Progress events
Lab: Using XHR Level 2
Server-Sent Events

Overview
EventSource API
Lab: Using the EventSource API
HTML5 WebSocket

Overview
WebSocket API
WebSocket Protocol
Lab: Using the WebSocket API

Orario:
09.00 -18.00