Programma
Modulo 1: HTML4
Le basi del linguaggio HTML e i tag
Head e body della pagina
Gli attributi del testo: stili logici e stili fisici, dimensione e tipo di font
Caratteri speciali
Hyperlink: collegamenti interni ed esterni, link agli indirizzi email
Inserimento di immagini. Impostazione di colori e sfondi
Tabelle: creazione della struttura e impostazioni delle proprietà
Uso di file esterni, multimedialità ed animazioni
Frames: creazione ed utilizzo
I moduli: caselle di testo, menù, opzioni, pulsanti
I meta tags ed elementi di stile
Cenni sull'evoluzione del linguaggio: HTML dinamico
Modulo 2: HTML5
I nuovi tag HTML5 e le novità rispetto ad HTML4
Creazione di una pagina HTML5
Funzionalità avanzate di HTML5
Audio e Video: utilizzare audio e video con html5
Geolocalizzazione e offline: panoramica sulle funzionalità avanzate di html5
Modulo 3: CSS3
Introduzione a css3
Trasformazioni e animazioni con css3
Media Queries- Effetti con css3 e responsive web design
Sviluppo di un layout responsive
Effetti su testi, bordi e background con css3
Modulo 4: Javascript
JavaScript – istruzioni, commenti, variabili, scope, e cicli (le basi necessarie per capire jQuery)
DOM – Document Object Model. Che cos’è, come si usa e come vi si accede via javascript e jQuery
Cenni di programmazione ad eventi. Gli eventi in JavaScript: cenni di event handler ed event listener.
Setup di jQuery: perché usare JQuery e setup iniziale.
Cosa sono e come usare i plugin di jQuery
Modulo 5: jQuery e Ajax
Come utilizzare la programmazione ad eventi in jQuery
Fare animazione con jQuery: fading, toggle, funzioni di callback (e funzioni anonime), hover, animate, easing
Concatenamento di animazioni
Passare da JavaScript a jQuery: i menu a fisarmonica
Funzioni d’utilità di jQuery
Breve panoramica di Ajax e utilizzo di Ajax con jQuery
Form validation
Modulo 6: Web design e usability
Importanza dell'Usabilità, pianificazione, progettazione, manutenzione
Cosa rende usabile un sito web
Definizione degli obiettivi del sito: il target, il profilo utente, analisi del mercato
Progettazione delle pagine: i tempi di risposta, metodi di ottimizzazione, i link, uso dello spazio bianco nel layout di pagina, strumenti di controllo
Comprensibilità e facilità d'uso dell’interfaccia grafica, ridurre il carico cognitivo per l'utente, prevenzione e gestione di errori
Progettazione dei contenuti: il linguaggio, le modalità di lettura delle pagine web, organizzazione dei contenuti, il valore
Uso attento dei colori, della grafica e delle animazioni
Visibilità degli elementi dell'interfaccia
Design del sito: la home page, metafore, navigazione, la struttura del sito, coerenza interna e aderenza agli standard, aiutare gli utenti, funzionalità di ricerca
Accessibilità e compatibilità: browser, configurazioni, risoluzioni video, piattaforme, plug-in
Analisi dei file di log e delle statistiche di accesso, test di usabilità
Visibilità del sito, motori di ricerca e web marketing