A partire da questo modulo e nei tre successivi si entra nel merito dello sviluppo applicativo per il web. Nel modulo 5, si parte quindi da una conoscenza approfondita di quelle che sono le tecnologie alla base della produzione di pagine web e di tutto il front-end di applicazioni web. Le tecnologie presentate e utilizzate nel modulo sono quelle principalmente in uso, come HTML5 e CSS3 (seguite anche da un riferimento a livello di standard per la programmazione web come la W3C schools, si veda relativo sito Internet).
Particolare attenzione viene data all’adattività delle pagine create, al fine di essere compatibili anche su dispositivi mobile, partendo dalla comprensione e dall’utilizzo di framework come Bootstrap ed arrivando alla simulazione delle pagine stesse su dispositivi mobile.

Obiettivi specifici:

• Conoscere e saper applicare le tecnologie alla base dello sviluppo di pagine e applicazioni web

Contenuti:

-        Il sistema Internet e suo funzionamento: da ARPANet a HTML del W3C, passaggio a XHTML ed evoluzione in HTML5;

-        Da CSS a CSS3 e relativi framework (es., Bootstrap);

-        Apertura allo sviluppo su mobile: la logica “mobile first”;

-        Il linguaggio HTML:

• i tag e la sua struttura (intestazione/codifica, head, meta-tag e body);
• I nuovi elementi di struttura e i nuovi tag in HTML 5 (header, footer, nav, section, ecc.);

-        Title, description, keywords per l’indicizzazione del sito;

-        Reset dei valori di default degli elementi Html nei browser;

-        I selettori CSS3: classi e le pseudo classi, tag, id e composti;

-        Il box model: dimensioni margini e padding;

-        Il colore e i nuovi metodi CSS3 (opacity, RGBa, HSLa);

-        Gli sfondi e le nuove possibilità CSS3 (sfumature, sfondi multipli);

-        I bordi ed i nuovi bordi (arrotondati e le ombre);

-        I posizionamenti, i margini e i padding;

-        Posizionamenti assoluti, relativi o fissi e float;

-        Gestire l’overflow;

-        L’aspetto dei contenuti tramite gli stili CSS;

-        Gli aspetti e la gestione dei testi, delle liste e i WEB Fonts CSS3;

-        I Titoli ed i paragrafi;

-        Gestire le immagini tramite i CSS;

-        Gestire le tabelle tramite i CSS;

-        Il menu di navigazione;

-        Gestione delle liste;

-        I collegamenti e gli stili dei collegamenti testuali, hover su div;

-        Cenni: transizioni, trasformazioni e animazioni con CSS3;

-        Introduzione ai framework: Bootstrap;

-        Disegno di pagine web con Bootstrap.