TECHNOLOGY TRANSFER E KAAZING PRESENTANO RICHARD CLARK HTML5 SVILUPPO SOFTWARE PER APPLICAZIONI WEB E MOBILE

Transcript

1 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

2 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 è un estensione 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 l argomento 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 d informazioni. 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 l ho trovato molto utile per la mia carriera. Network Solutions

3 Ho imparato molto da questo corso. Molto cool e informativo. Bechtel National Inc. Il corso e l istruttore sono stati molto validi. Ho imparato l argomento 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 ( Google Chrome Developer Channel ( - TOC-Subscribing-to-a-channel) Speed Tracer, una estenzione Google Chrome (

4 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 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 dell interattività 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 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à all indietro - Polyfills - Designs alternativi con Modernizr Lab: Styling con CSS3 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

5 Mantenere la compatibilità Lab: Cross-Document Messaging Applicazioni AJAX e XMLHttpRequest Level 2 Cross-document XHR Progress events Lab: Usare XHR livello 2 Tecniche Canvas avanzate - Manipolare i dati pixel - Catturare il video Supporto browser e polyfills Lab: Usare l API Canvas PARTE 5: Applicazioni Web Client-Server HTML5 Web Workers Usi per i Web Workers Implementare Web Workers Lab: Usare l API Web Workers Architettare applicazioni Web Client-Server Architettura complessiva Considerazioni dal lato Client Considerazioni dal lato Server Interazioni Client-Server PARTE 4: Multimedia e Interactive Graphics 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 l API Canvas - Cooordinate di Canvas - Tracciare le operazioni - Canvas transforms - Accessibilità HTML5 Web Storage Cookies o Web Storage Local o Session Storage Usare l API 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 l API EventSource Lab: Server-Sent Events

6 HTML5 WebSocket Usi per WebSocket Il protocollo WebSocket L API WebSocket Lab: Analisi del traffico della rete, Parte 2: Web- Socket Lab: Usare l API Websocket PARTE 6: HTML5 e Sviluppo di Applicazioni Mobile Altro accesso al device Drag & Drop Accelerometer access Input vocale Webcam Embedding di pagine Web nelle applicazioni native mobile Embedding Web views in ios Embedding Web views in Android 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 all ubicazione Aspetti di privacy dell utente Usare l API Geolocation Fare il display di dati dell ubicazione Supporto del browser Lab: Usare l API Geolocation

7 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: È previsto il servizio di traduzione simultanea MODALITÀ D ISCRIZIONE Il pagamento della quota, IVA inclusa, dovrà essere effettuato tramite bonifico, codice IBAN: IT 03 W 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, ROMA (Tel Fax ) entro il 22 Aprile 2014 Vi consigliamo di far precedere la scheda d iscrizione da una prenotazione telefonica. 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 l intera 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 un azienda 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 dell art. 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 l ausilio di mezzi elettronici, con finalità riguardanti l esecuzione degli obblighi derivati dalla Sua partecipazione al seminario, per finalità statistiche e per l invio di materiale promozionale dell attività 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, Roma, nei cui confronti il partecipante può esercitare i diritti di cui all art. 13 della legge n. 196/2003. RICHARD CLARK HTML5 SVILUPPO SOFTWARE PER APPLICAZIONI WEB E MOBILE Roma 7-9 Maggio 2014 Visconti Palace Hotel Via Federico Cesi, 37 Quota di iscrizione: 1600 (+iva) nome... cognome... funzione aziendale... azienda... partita iva... codice fiscale... Timbro e firma indirizzo... In caso di rinuncia o di cancellazione dei seminari valgono le condizioni generali riportate sopra. città... cap... provincia... È previsto il servizio di traduzione simultanea telefono... fax Da restituire compilato a: Technology Transfer S.r.l. Piazza Cavour, Roma Tel Fax info@technologytransfer.it

8 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.