Descrizione:

Il corso descrive come disegnare e creare applicazioni web basate su standard come HTML, CSS e JavaScript.

A chi si rivolge:

Corso rivolto a sviluppatori di applicazioni Web, grafici, ed in generale chiunque desideri essere in grado di produrre pagine HTML ben disegnate, funzionanti e aggiornate alle ultime tecnologie web.

Contenuti:

Giorno 1 ? Progettazione e struttura

• Concetti di usabilità di un sito
• Definizione dei contenuti e della struttura
• Euristiche di Nielsen
• Creazione di mockup
• Analisi semantica dei contenuti
• Il nuovo standard HTML5
• HTML5 e la struttura delle pagine
• Definizione dei layout base
• Esercitazione pratica

Giorno 2 ? Formattazione ed impaginazione

• CSS: utilizzo e supporto crossbrowser
• I selettori CSS
• Formattazione dei contenuti
• Formattazione di tabelle e form
• Il concetto di Box Model
• Tecniche di impaginazione ad 1-2-3 colonne
• Pro e contro delle tecniche
• Gestione dei contenuti con i posizionamenti
• Microimpaginazioni
• Le nuove proprietà CSS3
• Animazioni e trasformazioni CSS3
• Esercitazione pratica

Giorno 3 ? Sviluppo Responsive

• Lo sviluppo mobile: un nuovo approccio
• Layout fissi, elastici e fluidi
• Definizione di responsive/adaptive design
• Mobile first
• Il 960 Grid System per la progettazione di interfacce
• Il 960 Grid Responsive
• Definire i breakpoint
• Utilizzo delle media queries
• Test di visualizzazione
• Panoramica sui CSS Framework
• Utilizzo di Bootstrap
• Esercitazione pratica

Giorno 4 ? Perfezionamento dell'interfaccia

• Il futuro dell'impaginazione: Flex Model
• Elementi responsive
• Formattazioni condizionali
• Pseudo classi
• Script lato client: panoramica su javascript
• Panoramica sui framework js-based
• Utilizzare il framework jQuery
• Utilizzare i più popolari plugin per jQuery
• Utilizzare jQueryUI
• Utilizzare jQueryMobile
• Esercitazione pratica

Giorno 5 ? Test e verifica:
Workshop pratico: dalla progettazione alla messa online
A partire da un progetto astratto, il corsista dovrà eseguire tutti i passaggi appresi per realizzare dei
template finiti in modo da poter essere applicati a qualunque passaggio successivo di sviluppo (es:
CMS o framework server side). Gli step di seguito esposti saranno verificati uno dopo l'altro ad
intervalli regolari durante l'arco della giornata.
Nello specifico:

1. Creazione del mockup
2. Definizione del markup
3. Applicazione del CSS per mobile
4. Perfezionamento del CSS
5. Applicazione di script