Sei sulla pagina 1di 8

TECHNOLOGY TRANSFER E KAAZING PRESENTANO

RICHARD
CLARK
HTML5
SVILUPPO SOFTWARE
PER APPLICAZIONI WEB E MOBILE

ROMA 7-9 MAGGIO 2014


VISCONTI PALACE HOTEL - VIA FEDERICO CESI, 37

info@technologytransfer.it
www.technologytransfer.it

HTML5: Sviluppo software per applicazioni Web e Mobile

DESCRIZIONE
HTML5 non solo un miglioramento di HTML ma rappresenta una pietra miliare nello sviluppo di HTML e un
enorme avanzamento per le moderne applicazioni Web. Steve Jobs diceva: Il mondo sta andando verso
HTML5 e Steve Ballmer, CEO di Microsoft, ha detto: Se vuoi fare qualcosa di universale, non ci sono dubbi, il
mondo sta andando verso HTML5.
In questo workshop intensivo hands-on i partecipanti impareranno come creare pagine Web e applicazioni
Web HTML5 usando il nuovo markup CSS3 e HTML5 Javascript APIs. Verranno spiegate tutte le nuove features
di HTML5 e il loro uso nelle applicazioni pratiche e, in particolar modo, nelle applicazioni mobile.
Alla fine del workshop i partecipanti saranno in grado di:
Creare pagine Web sia dal lato server che dal lato client, usando le ultime tecnologie HTML5
Riusare il contenuto HTML in differenti contesti includendo differenti browsers, dimensioni dello schermo e
orientamenti
Creare pagine che, in modo sicuro, mettano insieme informazioni provenienti da diverse sorgenti
Progettare e costruire applicazioni client-server scalabili che girano su Web
Mantenere una compatibilit con i legacy browsers
Il corso copre HTML5, architettura applicativa e tecniche di sviluppo applicativo: semantica, CSS3, Multimedia,
Grafica e 3D, device access, performance, offline e storage, connettivit.

PARTECIPANTI
Questo workshop progettato per Sviluppatori e Progettisti Web interessati a progettare, creare e implementare
applicazioni Web HTML5. E utile sia agli Sviluppatori con poca esperienza che agli Sviluppatori avanzati che
hanno gi esperienza nello sviluppo di applicazioni Web. Per ottenere il massimo da questo workshop i partecipanti dovrebbero avere una certa familiarit con HTML e Javascript.

REfERENzE
Questo workshop unestensione del corso molto popolare e di grande successo HTML5 Fast Track.
Alcuni dei commenti di partecipanti al corso:
Difficilmente metto nel feedback la crocetta su eccellente per un corso ma questo corso stato veramente
eccellente. I materiali, i laboratori e il docente hanno coperto largomento in maniera eccezionale, fornendo
tools ed esempi che permettono un notevole apprendimento dopo il corso. Sicuramente stato uno dei migliori
corsi ai quali ho partecipato nella mia carriera.
Intel Corporation
HTML5 diventato uno dei temi pi scottanti degli ultimi mesi. Sono veramente molto contento delle informazioni acquisite in questo corso.
SapientNitro
In questo corso ho trovato una marea dinformazioni. Chiss quante settimane avrei perso per recuperarle da
solo.Grazie!
Universit di zurigo
Vorrei raccomandare questo corso a tutti quelli che operano in questo settore, io lho trovato molto utile per la
mia carriera.
Network Solutions

Ho imparato molto da questo corso. Molto cool e informativo.


Bechtel National Inc.
Il corso e listruttore sono stati molto validi. Ho imparato largomento ed stato piacevole seguire questo corso.
Audible.com
Quello che ho imparato sar molto utile per i miei attuali e futuri progetti.
NCATE
Grande classe, condotta in maniera eccellente e altamente informativa.
Hearst Magazines

Si ricorda ai partecipanti di portare il laptop.

Raccomandazioni software e di sistema per i partecipanti


Adobe Acrobal Reader (per visionare i pdf dei labs)
Uno dei seguenti sistemi operativi con almeno 500MB di spazio libero su disco:
- Linux
- Mac OS (X 10.x o pi recente)
- Windows
Uno dei seguenti Web browsers:
- Apple Safari 5.0 o pi recente
- Google Chrome 5.x o pi recente
- Microsoft Internet Explorer 9.0 ( o IE 8 su Windows XP)
- Mozilla Firefox 3.6 o pi recente con Firebug add-on
- Opera 10.6 o pi recente
Un Web Server:
- Raccomandato: Phyton versione 2.7.x che include SimpleHTTPServer. Nota: Mac OS X gi include una versione di Phyton. Il docente porter una versione installabile di Python che pu essere installata durante il
corso. Alternativamente i partecipanti possono usare Apache o Microsoft IIS.
Un buon text o HTML editor:
- UltraEdit
- SuperEdit
- Adobe DreamWeaver (CS5 ha un pack opzione HTML5)
- TextMate (Mac OS)
- Komodo
Su Windows XP: Open Command Window Here Powertoy

Ulteriori raccomandazioni software opzionali


Durante il corso saranno mostrati i seguenti software. I partecipanti possono, se vogliono, installare questo
software se lo ritengono opportuno:
Wireshark (http://www.wireshark.org/)
Google Chrome Developer Channel (http://dev.chromium.org/getting-involved/dev-channel - TOC-Subscribing-to-a-channel)
Speed Tracer, una estenzione Google Chrome (http://code.google.com/webtoolkit/speedtracer/)

PROGRAMMA
PARTE 1: Capire HTML5

Panoramica di HTML5
Perch HTML5?
- Principali caratteristiche
- Principali players
Fondamentali principi di Design
Separare presentazione e contenuto
Markup changes
- Elementi strutturali
- Elementi semantici
- Elementi disprezzati
Authoring HTML5
- Struttura della pagina HTML5
- Mantenere la compatibilit
- Usare helper libraries
* HTML5Shiv
* Modernizr
* Altri polyfills
Preparazione del Lab
Lab: Authoring HTML5

Microdati
Aggiungere semantica al markup strutturale
Usare vocabolari di dati
Testing dei microdati

PARTE 2: CSS3

CSS3
Applicare i selettori CSS3
CSS3 Styling Additions
- Border radius
- Box and text shadows
- Gradienti
- Layout multi-colonna
- Reflection
- Fonti Web
- Trasformazioni
Approcci di compatibilit allindietro
- Polyfills
- Designs alternativi con Modernizr
Lab: Styling con CSS3

CSS3 Media queries


Determinare le dimensioni, le risoluzioni e gli orientamenti degli schermi
Creare layouts aggiustabili
Usare frameworks di CSS (ad esempio per il Mobile)
Lab: Mobile layouts con CSS3

PARTE 3: Applicazione Web basata su Server

Miglioramento dellinterattivit
Aggiungere interattivit tramite Javascript
Aggiungere effetti visivi
- Controllare lo styling dinamicamente
- Transizioni CSS3
Lab: Aggiungere interattivit

Pratiche di sviluppo per applicazioni Web


Testing automatizzato del codice
- Usare qUnit
- Usare JSTestDriver
Testing automatico delle UI
- Usare Selenium
- Usare Selenium Remote Control
Lab: Pratiche di testing automatizzato

HTML5 forms
HTML5 Form Elements
Nuovi tipi di input
Form validation
Costruire e usare HTML5 forms
Lab: Usare HTML5 Forms

HTML5 Security
Modello di sicurezza origin-based di HTML5
Cross-origin Resource Sharing

Cross Document Messaging


Usare PostMessage

Applicazioni AJAX e XMLHttpRequest Level 2

Tecniche Canvas avanzate


- Manipolare i dati pixel
- Catturare il video
Supporto browser e polyfills
Lab: Usare lAPI Canvas

Cross-document XHR
Progress events
Lab: Usare XHR livello 2

PARTE 5: Applicazioni Web Client-Server

HTML5 Web Workers

Architettare applicazioni Web Client-Server

Usi per i Web Workers


Implementare Web Workers
Lab: Usare lAPI Web Workers

Architettura complessiva
Considerazioni dal lato Client
Considerazioni dal lato Server
Interazioni Client-Server

PARTE 4: Multimedia e Interactive Graphics

HTML5 Web Storage

Mantenere la compatibilit
Lab: Cross-Document Messaging

HTML5 Audio e Video


Audio e Video containers
Audio e Video codecs
Styling con CSS3
Controllare con Javascript
WebVTT e video accessibility
Supporto browser e polyfills
Lab: Usare le APIs Audio e Video

SVG & Canvas


SVG
Usi per SVG
Authoring SVG
- Tools di Authoring
- Programmatic generation
- Grafici interattivi con SVG
- Supporto grafico e polyfills
Canvas
Usi per Canvas
Usare lAPI Canvas
- Cooordinate di Canvas
- Tracciare le operazioni
- Canvas transforms
- Accessibilit

Cookies o Web Storage


Local o Session Storage
Usare lAPI Web Storage
Compatibilit e alternative al Web Storage
Lab: Usare Web Storage

Database Storage dal lato Client


Web SQL Database
Database indicizzato
Strategie di compatibilit
Database Storage

Client-Server Communications
HTTP
HTTP Bi-direzionale (AJAX & Comet)
- Polling
- Long Polling
- Streaming
Lab: Analisi del traffico dela rete, Parte 1: http, Ajax,
Comet

Eventi Server-Sent
Architettura SSE
Usare lAPI EventSource
Lab: Server-Sent Events

HTML5 WebSocket

Altro accesso al device

Usi per WebSocket


Il protocollo WebSocket
LAPI WebSocket
Lab: Analisi del traffico della rete, Parte 2: WebSocket
Lab: Usare lAPI Websocket

Drag & Drop


Accelerometer access
Input vocale
Webcam

Embedding di pagine Web nelle applicazioni native


mobile
PARTE 6: HTML5 e Sviluppo di Applicazioni Mobile

fare il Design di pagine per apparecchiature mobili


Mobile interaction Patterns
Mobile UI Libraries
- jQuery Mobile
- Sencha Touch
- Zepto
- Altre librerie
CSS Designs per apparecchiature mobili
Tuning della Performance per Mobile
- Limitazioni del browser per Mobile
- Ottimizzazione delle immagini
- Data URIs
- CSS Sprites
- Tools di misurazione delle performance
- Mobile Boilerplate

HTML5 Applicazioni Web Offline


Overview
ApplicationCache API ed eventi
Capire il Manifest file
Configurazione del Server
Costruire e usare applicazioni Web offline HTML5
Lab: Creare applicazioni Web offline HTML5

HTML5 Geolocation
Usare la Geolocation
Sorgenti di dati relativi allubicazione
Aspetti di privacy dellutente
Usare lAPI Geolocation
Fare il display di dati dellubicazione
Supporto del browser
Lab: Usare lAPI Geolocation

Embedding Web views in iOS


Embedding Web views in Android

INFORMAZIONI
QUOTA DI
PARTECIPAZIONE
1600 (+iva)
La quota di partecipazione
comprende documentazione,
colazioni di lavoro e coffee
breaks.

LUOGO
Roma, Visconti Palace Hotel
Via Federico Cesi, 37

DURATA ED ORARIO
3 giorni: 9.30-13.00
14.00-17.00

MODALIT DISCRIZIONE
Il pagamento della quota,
IVA inclusa, dovr essere
effettuato tramite bonifico,
codice IBAN:
IT 03 W 06230 03202 000057031348
Banca: Cariparma
Agenzia 1 di Roma
intestato alla
Technology Transfer S.r.l.
e la ricevuta di versamento
inviata insieme alla scheda
di iscrizione a:
TECHNOLOGY
TRANSFER S.r.l.
Piazza Cavour, 3
00193 ROMA
(Tel. 06-6832227
Fax 06-6871102)
entro il 22 Aprile 2014
Vi consigliamo di far precedere
la scheda discrizione da una
prenotazione telefonica.

previsto il servizio di
traduzione simultanea

CONDIZIONI GENERALI
In caso di rinuncia con
preavviso inferiore a 15 giorni
verr addebitato il 50% della
quota di partecipazione, in
caso di rinuncia con preavviso
inferiore ad una settimana
verr addebitata lintera quota.
In caso di cancellazione del
seminario, per qualsiasi
causa, la responsabilit della
Technology Transfer si intende
limitata al rimborso delle quote
di iscrizione gi pervenute.
SCONTI DI GRUPPO
Se unazienda iscrive allo
stesso evento 5 partecipanti,
pagher solo 4 partecipazioni.
Chi usufruisce di questa
agevolazione non ha diritto ad
altri sconti per lo stesso evento.
ISCRIZIONI IN ANTICIPO
I partecipanti che si iscriveranno
al seminario 30 giorni prima
avranno uno sconto del 5%.

TUTELA DATI PERSONALI


Ai sensi dellart. 13 della legge
n. 196/2003, il partecipante
informato che i suoi dati
personali acquisiti tramite la
scheda di partecipazione al
seminario saranno trattati da
Technology Transfer anche
con lausilio di mezzi elettronici,
con finalit riguardanti
lesecuzione degli obblighi
derivati dalla Sua
partecipazione al seminario,
per finalit statistiche e per
linvio di materiale
promozionale dellattivit di
Technology Transfer.
Il conferimento dei dati
facoltativo ma necessario per
la partecipazione al seminario.
Il titolare del trattamento dei
dati Technology Transfer,
Piazza Cavour, 3 - 00193
Roma, nei cui confronti il
partecipante pu esercitare i
diritti di cui allart. 13 della
legge n. 196/2003.

RICHARD CLARK
HTML5
SVILUPPO SOFTWARE
PER APPLICAZIONI WEB E MOBILE

nome ......................................................................
cognome ................................................................
funzione aziendale .................................................

Roma 7-9 Maggio 2014


Visconti Palace Hotel
Via Federico Cesi, 37
Quota di iscrizione:
1600 (+iva)

Timbro e firma

azienda ..................................................................
partita iva ...............................................................
codice fiscale .........................................................
indirizzo ..................................................................

In caso di rinuncia o di cancellazione dei seminari


valgono le condizioni generali riportate sopra.

citt ........................................................................
cap .........................................................................
provincia ................................................................
telefono ..................................................................
fax ..........................................................................

previsto il servizio di
traduzione simultanea

e-mail .....................................................................

Da restituire compilato a:
Technology Transfer S.r.l.
Piazza Cavour, 3 - 00193 Roma
Tel. 06-6832227 - Fax 06-6871102
info@technologytransfer.it
www.technologytransfer.it

DOCENTE
Richard Clark gestisce il gruppo di training di Kaazing ed uno sviluppatore software di grande esperienza.
Ha insegnato per Apple e HP, ha sviluppato applicazioni Web per le Fortune 100 ed ha pubblicato applicazioni
Apple iOS. E un rinomato speaker di fama internazionale.