Papà Gambalunga

LA TECHNOLOGY TRANSFER PRESENTA
RICHARD
CLARK
HTML5, CSS, Javascript Sviluppare applicazioni
Best Practices nello Web e Mobile, sicure
sviluppo di applicazioni e real-time, usando
Web e Mobile WebSocket
ROMA 3-5 NOVEMBRE 2014
ROMA 6-7 NOVEMBRE 2014
VISCONTI PALACE HOTEL - VIA FEDERICO CESI, 37
[email protected]
www.technologytransfer.it
HTML5, CSS, Javascript
DESCRIZIONE
La rapida crescita nell’uso dei dispositivi mobili sta cambiando drasticamente il modo in cui le persone vivono,
lavorano e interagiscono con il Web. La domanda che viene fatta agli sviluppatori di costruire applicazioni mobile più eleganti, intuitive e facili da usare non è mai stata così alta e questo ha alimentato significativi cambiamenti nelle strategie di sviluppo di applicazioni Web e Mobile. Negli ultimi 3 anni HTML5, Responsive Web Design e Single-Page Apps sono diventati mainstream per lo sviluppo aziendale di applicazioni Web e Mobile.
Per sviluppare in maniera più efficiente e meno costosa applicazioni che supportano tutte le tipologie di piattaforme mobili, sistemi operativi, tipi di dispositivi e dimensioni dello schermo, le aziende cominciano a usare
strategie di sviluppo ibride. Molti sviluppatori oggi si chiedono:
• Qual è la migliore strategia di sviluppo per il mio progetto: web, ibrida o nativa?
• Dovrei usare Javascript o una delle alternative (ad esempio CoffeeScript, Dart)?
• Quando ha senso usare una framework come Backbone o Angular?
• Come posso supportare le tecniche moderne con i vecchi browsers?
• Quali sono le implicazioni per le applicazioni che ho costruito e che costruirò in futuro?
Sommario
Questo corso copre gli attuali trend su HTML5, architettura di applicazioni Web e tecniche di sviluppo, includendo:
• Il moderno sviluppo Web
• Core skills dello sviluppatore Web (HTML5, CSS3, Javascript e iQuery)
• Lavorare con server side-data (JSON, CSV, ecc.)
• Costruire rich applications incorporando audio, video, SVG, d3.js
• Lavorare con JavaScript sul server con Node.js
• Utilizzare le caratteristiche del desktop per le applicazioni Web (Geolocation, HTML5 Web Storage e Applicazioni Web offline)
• Capire, utilizzare ed estendere frameworks lato client di Web application
Benefici
In questi tre giorni di corso intensivo verranno spiegate le Best Practices e i trends di design per lo sviluppo
Web e Mobile e le strategie che Vi aiuteranno a:
• Andare più veloci ed essere al passo con le tecnologie emergenti
• Capire quali trends si basano sul consenso della comunità di sviluppo
• Scegliere la giusta strategia di sviluppo delle apps: Web, ibrida o nativa
• Supportare diversi tipi di devices, includendo i modi di indirizzare la frammentazione Android nei Vostri design
• Costruire processi di sviluppo affidabili e robusti
• Superare le difficoltà che si presentano quando le frameworks di sviluppo non incontrano le Vostre necessità
e avete bisogno di personalizzarle
oBiettivi
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 ed 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
ParteciPanti
Questo workshop è progettato per Sviluppatori e Progettisti Web interessati a progettare, creare e implementare applicazioni Web HTML5. È 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 questoworkshop è 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 a cui 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
Ho imparato tanto 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 workshop.
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.7 o più recente)
- Windows (7 o più recente)
• Uno dei seguenti Web browsers:
- Apple Safari 6.0 o più recente
- Google Chrome 24.x o più recente
- Microsoft Internet Explorer 11.0
- Mozilla Firefox 3.6 o più recente con Firebug add-on
- Opera 12 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
- Sublime Text
- SuperEdit
- Adobe DreamWeaver (CS5 ha un pack opzionale HTML5)
- TextMate (Mac OS)
- Komodo
PROGRAMMA
1. Dare un senso al moderno sviluppo Web
• Un nuovo modo di guardare il Web
- Requisiti per il moderno sviluppo Web
- Sfide che si trovano ad affrontare i progettisti Web
- Perché è stato creato HTML5
• L’anatomia di un’applicazione lato Client
- La connessione tra HTML, CSS e JavaScript
- Usare JQuery per aggiungere interattività
- MVC come applicato al Web
- Tools di sviluppo in Safari, Chrome, e Firefox
Lab: Ispezionare e modificare un’applicazione dal lato
Client
2. core Skills per gli sviluppatori Web
• Authoring HTML5
- Struttura della pagina HTML5
- Nuovi markup HTML5
- Mantenere la compatibilità con i vecchi browsers
- Guidelines per strutturare HTML
• Architettare Applicazioni Web Client-Server
- Architettura completa
- Considerazioni sul lato Client
- Considerazioni sul lato Server
- Interazioni Client-Server
Lab: Model-View-Controller
• Immettere dato usando forms HTML5
- Elementi di forms HTML5
- Nuovi tipi di input
- Form Validation
- Costruire e usare HTML5 Forms
Lab: Usare HTML5 Forms
4. costruire rich applications
• Responsive design con CSS3 Media queries
- Determinare le dimensioni dello schermo, risoluzione e orientamento
- Creare layouts aggiustabili
- Tools per testare il Vostro layout
• Preprocessors CSS e loro usi
- Introduzione ai preprocessors CSS
- Semplificare il layout attraverso i preprocessors
- Generare layouts alternativa attraverso i preprocessors
• 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: Responsive layouts w/Bootstrap
Lab: Incorporare Audio e Video Audio e Video
• Aggiungere stile con CSS3
- Applicare i selettori CSS3
- CSS3 Styling Additions
- Approcci di compatibilità all’indietro
• Introduzione a SVG
- Usi per SVG
- Authoring SVG
- Supporto grafico e polyfills
Lab: Styling con CSS3
Lab: Data graphics con d3.js
• Core JavaScrip
- Modifica dinamica delle pagine
- Gestione dell’evento, funzioni e scopo
• Bitmapped graphics con Canvas
- Usi per Canvas
- Usare la Canvas API
- Tecniche avanzate Canvas
- Support browser e polyfills
Lab: Authoring HTML5
Lab: Core JavaScript
Lab: Usare la Canvas API
3. Sviluppo client-Server
• Lavorare con i server side-data
- Data retrieval base con AJAX
- Oggetti JavaScript
- JSON
• Layouts avanzati con CSS Flexbox
- Le sfide di CSS
- Il modello Flexbox
- Esempi di layouts con Flexbox
- Compatibilità con il browser
Lab: Oggetti e JSON
Lab: Flexbox
5. il modello di sicurezza del Browser
• HTTP Security
- Il modello di sicurezza basato sull’origine
- Condivisione di risorse cross-origin
• Applicazioni AJAX e XMLHttpRequest livello 2
- Cross-document XHR
- Progress events
6. caratteristiche Desktop per le applicazioni Web
• HTML5 Geolocation
- Usare la Geolocation
- Sorgenti di location data
- Aspetti di privacy dell’utente
- Usare la Geolocation API
- Fare il display dei location data
- Supporto del browser
Lab: Usare la Geolocation API
• HTML5 Web Workers
- Usi per i Web Workers
- Implementare Web Workers
7. costruire applicazioni di produzione
• Scrivere JavaScript modulare
• Usare una framework applicativa
- Panoramica di MVC
- Esempio di Backbone.js
- Esempio di Angular.js
- Altre frameworks popolari
- Scegliere una framework
Lab: Costruire una semplice App con una framework
• Testing automatizzato per le applicazioni Web
- Automated Code Testing
- Automated UI Testing
Lab: Pratiche di Testing automatizzato
• Altro accesso al device
- Drag & Drop
- Accelerometer access
- Input vocale
- Webcam
• Memorizzare dati localmente con HTML5 Web
Storage
- Cookies o Web Storage
- Local storage o Session Storage
- Usare la Web Storage API
- Compatibilità e alternative alla Web Storage
Lab: Usare Web Storage
• Databases Client-side
- Web SQL Database
- Database indicizzati
- Scegliere il giusto database
• Il file API
Lab: Usare il file API
• 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
• Cross-document Messaging
- Usare PostMessage
- Mantenere la compatibilità
• Performance Tuning
- Limitazioni del Mobile Browser
- Cosa influisce sulla Perfomance
- Performance tuning checklist
- Tools di misurazione della Performance
• Embedding di pagine nelle applicazioni native
- Considerazioni per usare PhoneGap
Sviluppare applicazioni Web e Mobile
DESCRIZIONE
Le aziende hanno cominciato ad adottare WebSocket negli ultimi 2 anni e mezzo. È stato impiegato in molti application servers (NodeJS, Tomcat, Glassfish, Jetty, ecc.) e in tutti i principali browsers. Lavora anche all’interno di iOS e Android. Molte importanti aziende nei settori dei servizi finanziari, media, viaggi e trasporti, logistica, retail, giochi online, hanno adottato WebSocket, sopra le tecnologie di comunicazione basate su http, come
la tecnologia di comunicazione preferita per rilasciare dati real-time su Web per i propri impiegati e clienti in
modo sicuro, scalabile e affidabile attraverso le proprie applicazioni Mobile.
HTML5 introduce nuove features di comunicazione come WebSockets, Cross Document Messaging, XMLHttpRequest Level 2 e Server-Sent Events. Queste feautures forniscono modi per ottimizzare la performance
delle Vostre applicazioni e implementare comunicazioni real-time che in passato erano dominio delle applicazioni desktop. In questo intensivo workshop imparerete come creare applicazioni WebSocket dalle persone
che hanno contribuito a creare questo standard. Alla fine del seminario saprete creare le Vostre applicazioni
scalabili, real-time, usando piattaforme WebSocket. In particolare sarete in grado di:
• Fare il design di applicazioni Client-Server usando Websockets
• Usare le moderne tecniche Javascript per costruire e manipolare le interfacce utente dal lato Client
• Scrivere codice per il fetch dei dati usando http o WebSockets
• Scrivere codice per il fetch dei dati provenienti da diverse fonti
• Fare il debug dei comportamenti del cliente e il network messaging
• Usare tools per analizzare la performance delle applicazioni Web
• Costruire Clients per un tipico Enterprise Message Bus
• Decidere quando e perché usare HTML5 Communication e le implicazioni sulla Vostra architettura
• Mettere in sicurezza le Vostre applicazioni
• Implementare comunicazioni affidabili per applicazioni Mobile
• Rilasciare la Vostra applicazione anche sul browser legacy
ParteciPanti
Questo corso si rivolge a sviluppatori software interessati a creare, progettare e implementare applicazioni Web
real-time HTML5. Si rivolge a sviluppatori intermedi e avanzati che hanno già una esperienza nello sviluppo di
applicazioni Web. Per ottenere il massimo beneficio da questo corso dovreste avere una certa familiarità con
HTML e JavaScript.
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.7 o più recente)
- Windows (7 o più recente)
• Uno dei seguenti Web browsers:
- Apple Safari 6.0 o più recente
- Google Chrome 24.x o più recente
- Microsoft Internet Explorer 11.0
- Mozilla Firefox 3.6 o più recente con Firebug add-on
- Opera 12 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
- Sublime Text
- SuperEdit
- Adobe DreamWeaver (CS5 ha un pack opzionale HTML5)
- TextMate (Mac OS)
- Komodo
PROGRAMMA
1. approcci di comunicazione per applicazioni
Web client-Server
5. WebSockets per applicazioni mobile
• Usare HTTP e XMLHttpRequest
• WebSockets nel mondo reale
• Mettere in sicurezza le comunicazioni
Lab: Fetching data via AJAX
Lab: Abilitare WebSockets sicuri
• Introduzione di WebSockets
• Implementare comunicazioni Mobile
Lab: Ricevere dati via WebSockets
Lab: WebSocket e http debugging
Lab: Gestire una connettività intermittente
6. considerazioni di Deployment
2. Semplici applicazioni client-Server con WebSocket
• Configurare la Vostra piattaforma di sviluppo WebSocket
Lab: deploying una app Client WebSocket
3. enterprise application architecture
• Event-Driven Messaging
Lab: Installare e far girare una piattaforma di messaging
Lab: Assemblare un messaging Client per un servizio
esistente
• Implementare una comunicazione a 2 vie
Lab: assemblare un command-driven client e server
4. mettere in Sicurezza la vostra applicazione
• Progettare applicazioni sicure
• Sicurezza: Autenticazione e Autorizzazione
Lab: Mettere in sicurezza un servizio con un’autenticazione base
• Strategie di compatibilità
• Designing per alta disponibilità
Lab: High Availability
INFORMAZIONI
QUOTA DI
PARTECIPAZIONE
HtmL5, cSS, Javascript
€ 1600 (+iva)
Sviluppare applicazioni Web
e mobile, sicure e real-time,
usando WebSocket
€ 1200 (+iva)
La partecipazione ad
entrambi i seminari viene
offerta ad una speciale quota
€ 2600 (+iva)
La quota di partecipazione
comprende documentazione,
colazioni di lavoro e coffee
breaks.
MODALITÀ D’ISCRIZIONE
CONDIZIONI GENERALI
TUTELA DATI PERSONALI
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:
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.
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, 3 - 00193
Roma, nei cui confronti il
partecipante può esercitare i
diritti di cui all’art. 13 della
legge n. 196/2003.
TECHNOLOGY
TRANSFER S.r.l.
Piazza Cavour, 3
00193 ROMA
(Tel. 06-6832227
Fax 06-6871102)
LUOGO
Roma, Visconti Palace Hotel
Via Federico Cesi, 37
entro il 20 ottobre 2014
DURATA ED ORARIO
3 giorni / 2 giorni: 9.30-13.00
14.00-17.00
Vi consigliamo di far precedere
la scheda d’iscrizione da una
prenotazione telefonica.
È previsto il servizio di
traduzione simultanea
SCONTI
I partecipanti che si iscriveranno
al seminario 30 giorni prima
avranno uno sconto del 5%.
Se un’azienda iscrive allo
stesso evento 5 partecipanti,
pagherà solo 4 partecipazioni.
Gli sconti per lo stesso evento
non sono cumulabili fra di loro
✂
RICHARD CLARK
nome ......................................................................
HtmL5, cSS, JavaScriPt
Roma 3-5 Novembre 2014
Visconti Palace Hotel - Via Federico Cesi, 37
Quota di iscrizione: € 1600 (+iva)
SviLUPPare aPPLicazioni WeB
e moBiLe
Roma 6-7 Novembre 2014
Visconti Palace Hotel - Via Federico Cesi, 37
Quota di iscrizione: € 1200 (+iva)
cognome ................................................................
funzione aziendale .................................................
Timbro e firma
azienda ..................................................................
partita iva ...............................................................
codice fiscale .........................................................
indirizzo ..................................................................
entramBi i Seminari
città ........................................................................
Quota di iscrizione
per entrambi i seminari: € 2600 (+iva)
cap .........................................................................
provincia ................................................................
telefono ..................................................................
In caso di rinuncia o di cancellazione dei seminari
valgono le condizioni generali riportate all’interno.
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
[email protected]
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. È un rinomato speaker di fama internazionale.