Front End Development (XH100G)

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