LA TECHNOLOGY TRANSFER PRESENTA RICHARD CLARK HTML5, CSS, Javascript Best Practices nello sviluppo di applicazioni Web e Mobile Sviluppare applicazioni Web e Mobile, sicure e real-time, usando WebSocket ROMA 3-5 NOVEMBRE 2014 ROMA 6-7 NOVEMBRE 2014 VISCONTI PALACE HOTEL - VIA FEDERICO CESI, 37 info@technologytransfer.it 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 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 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 Lab: Authoring HTML5 Responsive design con CSS3 Media queries - Determinare le dimensioni dello schermo, risoluzione e orientamento - Creare layouts aggiustabili - Tools per testare il Vostro layout Lab: Responsive layouts w/bootstrap Aggiungere stile con CSS3 - Applicare i selettori CSS3 - CSS3 Styling Additions - Approcci di compatibilità all indietro Lab: Styling con CSS3 Core JavaScrip - Modifica dinamica delle pagine - Gestione dell evento, funzioni e scopo Lab: Core JavaScript 3. Sviluppo client-server Lavorare con i server side-data - Data retrieval base con AJAX - Oggetti JavaScript - JSON Lab: Oggetti e JSON 4. costruire rich applications 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: Incorporare Audio e Video Audio e Video Introduzione a SVG - Usi per SVG - Authoring SVG - Supporto grafico e polyfills Lab: Data graphics con d3.js Bitmapped graphics con Canvas - Usi per Canvas - Usare la Canvas API - Tecniche avanzate Canvas - Support browser e polyfills Lab: Usare la Canvas API Layouts avanzati con CSS Flexbox - Le sfide di CSS - Il modello Flexbox - Esempi di layouts con Flexbox - Compatibilità con il browser 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 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 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 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 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à
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, XML- HttpRequest 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 Usare HTTP e XMLHttpRequest Lab: Fetching data via AJAX Introduzione di WebSockets Lab: Ricevere dati via WebSockets Lab: WebSocket e http debugging 2. Semplici applicazioni client-server con Web- Socket Configurare la Vostra piattaforma di sviluppo Web- Socket Lab: deploying una app Client WebSocket 5. WebSockets per applicazioni mobile WebSockets nel mondo reale Mettere in sicurezza le comunicazioni Lab: Abilitare WebSockets sicuri Implementare comunicazioni Mobile Lab: Gestire una connettività intermittente 6. considerazioni di Deployment Strategie di compatibilità Designing per alta disponibilità Lab: High Availability 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
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. LUOGO Roma, Visconti Palace Hotel Via Federico Cesi, 37 DURATA ED ORARIO 3 giorni/ 2 giorni: 9.30-13.00 14.00-17.00 È 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 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 20 ottobre 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 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 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, 3-00193 Roma, nei cui confronti il partecipante può esercitare i diritti di cui all art. 13 della legge n. 196/2003. RICHARD CLARK HtmL5, css, JavaScriPt Roma 3-5 Novembre 2014 Visconti Palace Hotel - Via Federico Cesi, 37 Quota di iscrizione: 1600 (+iva) nome... cognome... funzione aziendale... Timbro e firma SviLUPPare applicazioni WeB e mobile Roma 6-7 Novembre 2014 Visconti Palace Hotel - Via Federico Cesi, 37 Quota di iscrizione: 1200 (+iva) azienda... partita iva... codice fiscale... entrambi i Seminari Quota di iscrizione per entrambi i seminari: 2600 (+iva) indirizzo... città... cap... provincia... In caso di rinuncia o di cancellazione dei seminari valgono le condizioni generali riportate all interno. È previsto il servizio di traduzione simultanea telefono... fax... 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. È un rinomato speaker di fama internazionale.