Percorso Formativo: Sviluppo efficace e robusto con HTML5

14 – 15 APRILE
HTML5 IL GRANDE GIOCO DEL WEB
Docente
Danilo Caruso è Web designer e sviluppatore Javascript presso Network Integration and Solutions
S.r.l. che ha progettato e sviluppato l’interfaccia utente di applicazioni molto complesse, fra cui RiS
(Risk Integrated Service) una soluzione web based per l’analisi e la gestione del rischio aziendale e
della SuitEstensa web application per la gestione ospedaliera destinata alla rete nazionale degli
ospedali dell’Ecuador.
Abstract
“L’opposto del gioco non è il lavoro. E’ la depressione” Brian Sutton - Smith
Il gioco del web ormai si è fatto duro: il sito web di nuova generazione deve integrare comandi e
funzionalità sempre più complessi, funzionare in modo uniforme con ogni browser, essere fruibile
in versione desktop e mobile e rispondere alle richieste di utenti sempre più esigenti in fatto di
user experience. Ecco perché per vincere al gioco del web serve la carta HTML5 !
Destinatari
Chi è interessato alla professione di web designer o web developer ed ha una minima conoscenza
dell’HTML e del CSS.
Requisiti per pc:
Editor o IDE orientati allo sviluppo web (IntelliJ IDEA, Eclipse, SublimeText, Atom…..)
Google Chrome
Un server lite per web (Lighttpd)
Obiettivi
Imparare a costruire un sito web in html5:
 illustrare come si crea un sito interamente usabile anche in assenza di connessione
(modalità offline);
 apprendere abilità di base su come utilizzare il "Web Storage" - l'alternativa ai cookie che
HTML5 mette a disposizione per implementare la memorizzazione dei dati, attraverso
funzioni e database interni ai browser;
 imparare a utilizzare un drag & drop nativo ai browser, per gestire spostamenti interni alla
pagina web o anche interazioni con file in cartelle locali;
Sfruttare le principali novità di CSS3 e le loro implementazioni con particolare attenzione alle
trasformazioni che rendono il sito dinamico e moderno
Network Integration and Solutions S.r.l. – Riproduzione Vietata
Pagina 1 di 2
Programma di dettaglio
Caratteristiche di una web application HTML5 moderna
 Interattività
 Semplicità
 Multi-device
 Supporto per off-line
Introduzione all’architettura delle Web Application
 Principali elementi e caratteristiche del protocollo http
o Stateless
o URL
o Richieste e risposte
o Parametri
o Cookie
 Ruolo del browser e del server
La piattaforma HTML5
 Il DOM
 Html4 vs Html5
o Semantica e nuovi Tag
 Approfondimento sulle nuove funzionalità di HTML5
o Forms
o Panoramica sulle Html5 API
 Local Storage e Session Storage
 SVG e Canvas
 Geo Localization
 Media (video\audio\images)
 File
o Ruolo di Javascript in HTML5
o Supporto nei diversi browser
CSS3
 Introduzione alle basi di CSS
 FlexBox
o Selector
o Supporto multi-browser
o Proprietà
o La Grid Responsive di FlexBox
o CSS in rapporto con il DOM
 Suddivisione ed Ordinamento
o Ereditarietà e operatori dei selector
 Auto-adattamento delle pagine
 Novità di CSS3
o Nuovi Selector
o Pseudoclassi base e Pseudoclassi
dinamiche
o Pseudoelementi
o La validazione delle form attraverso le
pseudoclassi
 Bem Notation
o Utilità di una naming convention in CSS
o Concetti della naming convention Bem
Network Integration and Solutions S.r.l. – Riproduzione Vietata
Pagina 2 di 2