Indice generale. Introduzione...xiii. Il layer strutturale: HTML Il layer di presentazione: CSS3...53

Transcript

1 Introduzione...xiii Organizzazione del libro...xiv Convenzioni utilizzate...xv Codice sorgente e annotazioni finali...xvi Capitolo 1 Capitolo 2 Il layer strutturale: HTML5...1 Breve storia della nascita di HTML Elementi di base di una pagina web... 5 Inserimento e formattazione di base del testo... 8 Generazione di liste...11 Utilizzo delle tabelle...14 Navigazione tra i contenuti delle pagine web...18 Visualizzazione di immagini e creazione di mappe...23 Creazione di form e controlli utente...27 Elementi per la strutturazione di una pagina HTML...39 Elementi semantici per il testo...43 Miscellanea di elementi...46 Il layer di presentazione: CSS Regole e selettori di base...54 Associazione di regole CSS...56 In pratica...62 Selettori avanzati...67 Selettori combinatori...67 Selettori di attributo...73 Pseudo-classi...77 Pseudo-classi dinamiche...78 Pseudo-classi per gli stati degli elementi di una UI...79

2 vi HTML5 CSS3 JavaScript Pseudo-classi strutturali...82 Pseudo-classe basata sul fragment identifier...89 Pseudo-classe basata sulla codifica del linguaggio...90 Pseudo-classe di negazione...91 Pseudo-elementi...91 Organizzazione a cascata...96 Il concetto di specificità...97 Il concetto di importanza L iter di assegnazione delle proprietà CSS L ereditarietà Valori e unità Il box model Proprietà dei font La proprietà font-family La proprietà font-weight La proprietà font-size La proprietà font-style La proprietà font-variant La proprietà font-stretch La proprietà font-size-adjust La proprietà font La Proprietà del testo La proprietà text-indent La proprietà text-align La proprietà line-height La proprietà vertical-align La proprietà word-spacing La proprietà letter-spacing La proprietà text-transform La proprietà text-decoration La proprietà text-shadow La proprietà white-space Proprietà del colore e degli sfondi La proprietà color La proprietà background-color La proprietà background-image La proprietà background-repeat La proprietà background-origin La proprietà background-clip La proprietà background-position La proprietà background-size...151

3 vii La proprietà background-attachment La proprietà background Proprietà delle liste La proprietà list-style-type La proprietà list-style-image La proprietà list-style-position La proprietà list-style Proprietà delle tabelle La proprietà caption-side La proprietà border-collapse La proprietà border-spacing La proprietà empty-cells La proprietà table-layout Proprietà del box model La proprietà width La proprietà height Le proprietà min-width e min-height Le proprietà max-width e max-height La proprietà margin La proprietà border-style La proprietà border-width La proprietà border-color La proprietà border La proprietà border-radius La proprietà border-image-source La proprietà border-image-slice La proprietà border-image-width La proprietà border-image-outset La proprietà border-image-repeat La proprietà border-image La proprietà box-shadow La proprietà padding La proprietà float La proprietà clear La proprietà position Le proprietà top, right, bottom e left La proprietà z-index La proprietà overflow La proprietà clip La proprietà visibility La proprietà display La proprietà opacity...213

4 viii HTML5 CSS3 JavaScript Le media query Le feature width e height Le feature device-width e device-height La feature orientation La feature aspect-ratio La feature device-aspect-ratio La feature color La feature color-index La feature monochrome La feature resolution La feature scan La feature grid Il futuro prossimo di CSS Capitolo 3 Il layer di interazione: JavaScript Concetti propedeutici della OOP Variabili, letterali e tipi Variabili primitive Variabili riferimento Variabili globali, locali e scope Letterali Conversione tra tipi Array Array monodimensionali Array bidimensionali Operatori Operatore di assegnamento Operatori aritmetici Operatori aritmetici di assegnamento Operatori unari di incremento e decremento Operatori relazionali e di uguaglianza Operatori logici Operatore ternario Operatori a livello di bitwise L operatore in L operatore instanceof L operatore typeof L operatore delete L operatore void L operatore virgola (,) Tabella di precedenza degli operatori...254

5 ix Strutture di controllo Struttura di selezione if Struttura di selezione if/else Struttura di selezione switch/case Struttura di iterazione while Struttura di iterazione do/while Struttura di iterazione for Struttura di iterazione for/in Istruzioni break, continue e label Funzioni Funzioni come dati Closure Oggetti Proprietà di tipo getter e setter Le proprietà in dettaglio Serializzazione degli oggetti Prototipi Ereditarietà e polimorfismo Privilegi di accesso per le proprietà Modificare l estensibilità di un oggetto Errori software Le eccezioni La direttiva "use strict" Capitolo 4 Programmazione lato client Il Browser Object Model (BOM) L oggetto window L oggetto navigator L oggetto frames L oggetto location L oggetto history L oggetto document L oggetto screen Il Document Object Model (DOM) Selezione degli elementi di un documento Spostamento tra gli elementi di un documento Modifica dell albero dei nodi Manipolazione degli attributi degli elementi Gestione degli eventi L interfaccia EventTarget L interfaccia Event...326

6 x HTML5 CSS3 JavaScript L interfaccia UIEvent L interfaccia FocusEvent L interfaccia MouseEvent L interfaccia WheelEvent L interfaccia TextEvent L interfaccia KeyboardEvent L interfaccia CompositionEvent L interfaccia MutationEvent L interfaccia MutationNameEvent Eventi programmatici Tabella di tutti i tipi di evento della specifica Scripting dei CSS Scripting mediante l attributo style Scripting mediante l attributo class Scripting degli elementi style e link Ajax L oggetto XMLHttpRequest L oggetto XMLHttpRequest Level jquery: una potente libreria JavaScript Concetti propedeutici Getter e setter Manipolazione del DOM Gestione degli eventi Ajax Capitolo 5 Applicazioni web L elemento canvas Primitive di base per i disegni Disegno di immagini Disegno di testo Disegno di pixel Gradienti Ombreggiature Compositing Pattern Stili di linea Trasformazioni Gli elementi multimediali L elemento video L elemento audio L elemento source...403

7 xi L interfaccia HTMLMediaElement microplayer: un riproduttore di video Il drag and drop L interfaccia DataTransfer microshoppingcart: un carrello della spesa La geolocalizzazione Terminologia di base L interfaccia Geolocation micromapgeoposition: un geolocalizzatore Web Workers L interfaccia Worker L interfaccia WorkerGlobalScope microimageprocessor: un image processor Storage dei dati lato client La Web Storage API Cross-origin messaging Applicazioni web offline Il cache manifest L interfaccia ApplicationCache microslideshow: un riproduttore di immagini Microdata Vocabolari Proprietà Utilizzo dei microdata con gli elementi HTML Utilizzo dei microdata con le API di JavaScript Appendice Tipologia degli elementi HTML Indice analitico...453