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.
© Copyright 2024 Paperzz