Workshop
HTML5 and CSS3: Web app per tutti gli schermi
QUESTO WORKSHOP E’ COMPLETO – LE ISCRIZIONI SONO CHIUSE
Marco Casario, autore del libro HTML5 Solutions e docente del corso Rich Web Apps con HTML5, presenterà un workshop interamente dedicato a questo argomento, condividendo le esperienze reali, fatte durante la gestione dei progetti degli ultimi due anni.
QUESTO WORKSHOP E' COMPLETO - LE ISCRIZIONI SONO CHIUSE
DOVE E QUANDO
a Milano, Venerdì 29 novembre 2013
DURATA E ORARIO
Il workshop avrà la durata di 4 ore. L'orario è dalla ore 14.30 alle ore 18.30.
OVERVIEW
Non esiste il mobile web, il tablet web, la web tv, o il desktop web. E' sempre lo stesso web solo fruito da dispositivi diversi. Un nuovo approccio allo sviluppo delle web application sta emergendo e diventando sempre più necessario. Quello che abbandona le dimensioni fisse ed utilizza invece le tecniche di Responsive Web Design.
In questo workshop rivolto ai web developer, web designer e User Interface designer, verranno mostrate le tecniche, i tools e le tecnologie che oggi rendono possibile realizzare una web app per qualsiasi dispositivo e risoluzione.
Si toccheranno argomenti che coinvolgono HTML5 e la semantica, CSS3 e le media queries, Javascript, ma anche tante tecniche di progettazione del layout e di User Interface design patterns.
Marco Casario, CTO di Comtaste, autore del libro HTML5 Solutions e docente del corso Rich Web Apps con HTML5 presenterà un workshop interamente dedicato a questo argomento, condividendo le esperienze reali, fatte durante la gestione dei progetti degli ultimi due anni.
OBIETTIVI FORMATIVI
Questo workshop è un concentrato di teoria e pratica. Sono molti gli argomenti che verranno toccati e non riguardano solo il codice ma anche l'ergonomia delle interfacce, l'usabilità ed la User Experience.
Al termine del workshop il discente avrà gli strumenti e le conoscenze necessarie per affrontare e scegliere quali tecniche, framework e tools per le web app che dovranno girare su diversi dispositivi.
Ecco alcune delle nozioni che il partecipante apprenderà durante questo workshop:
- progettare interfacce grafiche e layout per diversi dispositivi
- realizzare mockups e wireframes
- scegliere gli strumenti giusti nella fase di progettazione
- i tag semantici di HTML5
- Le media queries dei CSS3
- impostare l'architettura e la logica JavaScript
DOTAZIONE SOFTWARE E HARDWARE RICHIESTA
I partecipanti dovranno portare con sé il proprio portatile. E' necessario un editor,anche testuale, con supporto al codice HTML5, CSS3 e JavaScript.
PROGRAMMA
- Progettazione di una web app
- Cenni all'architettura d'informazione
- Realizzazione dei mockup, wireframes e visuals
- Le griglie
- Matrici di supporto dei browser per HTML5 e CSS3
- Struttura di una pagina HTML5
- Il DOCTYPES
- Come cambia l'approccio alla scrittura del markup
- Gestire il character encoding
- Creare una struttura di pagina usando i tag:
- section
- header
- footer
- nav
- article
- Usare gli elementi block semantici: aside, figure, and dialogue
- Detect del supporto del browser ad HTML 5 con Modernizr
- A cosa servono i Microdata
- I nuovi HTML5 Forms
- Usare gli input types
- Problematiche della built-in validation per i nuovi input type
- Applicare CSS ai form
- Le media queries
- Scrivere condizioni con le media queries
- I Breakpoints
- I framework: cenni a Bootstrap e Foundation
- Usare i Web Fonts
- Architetture di logica Javascript
- Javascript, quale framework scegliere ?
- User Interface Design Patterns
COSTO E PROMOZIONI
Early Bird
Entro il 7 nov 2013
Costo 65,00 euro a partecipante - prezzo compreso di IVA
Compra il biglietto ora!
Regular Ticket
Dall'8 nov 2013
Costo 95,00 euro a partecipante - prezzo compreso di IVA
STUDENTI
Per gli studenti universitari e delle scuole superiori applichiamo il 40% di sconto sulla tariffa regular. Se siete interessati scriveteci qui: training@codemotion.it
Attenzione: il costo del biglietto non è rimborsabile, ma il ticket può essere ceduto a un'altra persona.
Gli sconti e le promozioni non sono cumulabili.
ATTESTATO
Sarà rilasciato un attestato di partecipazione al Workshop.
NEWSLETTER CODEMOTION TRAINING
Per essere informato sulle nostre attività di formazione iscriviti alla newsletter dedicata!