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
