Le basi di HTML5

  1. 1. Introduzione
    Introduzione alla guida e presentazione del metodo operativo
  2. 2. Da HTML 4 ad HTML5
    Il percorso che ha portato allo sviluppo di HTML5, con una breve presentazione delle caratteristiche salienti del linguaggio e della specifica
  3. 3. La sintassi di HTML5
    Le regole di base per scrivere codice HTML5; le differenze rispetto a XHTML
  4. 4. Elementi disegnati per un web moderno
    Cosa cambia in HTML5 rispetto alla versione 4 del linguaggio: elementi e attributi non più presenti nella specifica
  5. 5. Attributi globali
    Analisi dei nuovi attributi globali introdotti nella specifica ed elenco degli attributi applicabili a tutti gli elementi
  6. 6. Un nuovo content model
    Un nuovo approccio alla strutturazione semantica dei contenuti in un documento HTML
    I diari di viaggio
  7. 7. Panoramica sui content model e presentazione del primo progetto guida
    Esaminiamo da vicino gli altri content model previsti nella specifica HTML5

Nuovi elementi strutturali e semantici

  1. 8. Header
    Raggruppare elementi ausiliari e introduttivi
  2. 9. Footer
    Un tag per raggruppare informazioni sulle sezioni che compongono la pagina
  3. 10. Section
    Creare sezioni generiche all'interno di una pagina
  4. 11. Article
    Definire sezioni di contenuto autonome e ripubblicabili
  5. 12. Nav
    Un tag studiato per definire e raggruppare gli elementi di navigazione presenti nella pagina
  6. 13. Aside
    Raggruppare informazioni correlate ai contenuti principali
  7. 14. Hgroup
    Raggruppare correttamente i titoli
  8. 15. Mark
    Evidenziare parti o parole importanti della pagina
  9. 16. Time e gli attributi pubdate e datetime
    Definire sementicamente le date e gli orari
  10. 17. Meter
    Rappresentare e definire misure scalari
  11. 18. Progress
    Un tag per rappresentare lo stato di completamento di un compito
  12. 19. Altri tag
    Un elenco dei tag meno importanti definiti nella specifica

I form: nuovi attributi e tipi di input

  1. 20. I form in HTML5: una panoramica
    Cosa cambia nella gestione dei moduli in HTML5
  2. 21. Nuovi attributi per i form: autofocus, placeholder e form
    Iniziamo la panoramica sui nuovi attributi definiti nella specifica per i campi di input di un form
  3. 22. Nuovi attributi dei form per la validazione
    Analisi degli attributi required, autocomplete, multiple, pattern, min, max, step, novalidate
  4. 23. Input type: tel
    Inserire numeri di telefono in un form
  5. 24. Input type: search
    Un campo specifico per le ricerche
  6. 25. Input type: url
    Inserimento di URL in un form
  7. 26. Input type: email
    Un campo destinato all'inserimento di indirizzi e-mail
  8. 27. Nuovi tipi di input per la gestione delle date
    Una panoramica dei tipi di input datetime, date, month, week, time, datetime-local
  9. 28. Input type: number
    Inserire valori numerici in un form
  10. 29. Input type: range
    Inserimento di un numero attraverso uno slider
  11. 30. Input type: color
    Un campo per la selezione di colori da una palette
  12. 31. Cosa sono le datalist?
    Collegare un campo di testo ad una lista di opzioni

I microdati

  1. 32. La potenza dei microdati
    Definire contenuti semantici in HTML5

Primo progetto guida

  1. 33. Un template per blog in HTML5
    Struttura, compatibilità cross-browser, stili

API per Web Applications

  1. 34. Nuova linfa alle applicazioni web
    Una panoramica sulle nuove API legate alla specifica HTML5
  2. 35. Applicazioni web offline (file .manifest)
    Conservare una copia locale di risorse presenti in un'applicazione
  3. 36. Indexed Database API
    Creare e manipolare un database di ispirazione NoSQL memorizzato all’interno del browser dell’utente
  4. 37. WebStorage API
    Superare i limiti dei cookie con sessionStorage e localStorage
  5. 38. Web Workers API
    Eseguire codice Javascript in modo asincrono, senza intaccare le performance della pagina web
  6. 39. WebSocket API
    Stabilire e mantenere una connessione dati tra browser e server remoto sulla quale far transitare messaggi in entrambe le direzioni
  7. 40. Drag and Drop
    L'implementazione in HTML del meccanismo di trascinamento e rilascio di oggetti in una pagina web
  8. 41. Geolocation API
    Gestire dati geografici e geospaziali

Canvas e Multimedia

  1. 42. Canvas
    Disegnare e tracciare immagini in HTML5
  2. 43. Canvas: un esempio pratico
    Implementiamo l'elemento canvas nel nostro progetto guida
  3. 44. Video
    Incorporare, riprodurre e gestire filmati in modo nativo
  4. 45. Video: un esempio pratico
    Manipolare flussi video in tempo reale con l’ausilio di un canvas
  5. 46. Audio
    Incorporare, riprodurre e gestire file audio in modo nativo
  6. 47. SVG e MathML
    Novità nel supporto in HTML5 per Scalable Vector Graphic e Mathematical Markup Language

Secondo progetto guida

  1. 48. Una 'lavagna virtuale'
    Evoluzione dell'applicazione attraverso l’utilizzo delle API HTML5

HTML5 e compatibilità cross-browser

  1. 49. Usare HTML5 oggi: strategie cross-browser
    Tecniche, strumenti e alternative per iniziare a implementare HTML5 mantenendo la compatibilità su tutti i principali browser
  2. 50. Appendice: Tabelle del supporto sui browser di HTML5
    Una sintesi visuale e aggiornata del supporto cross-browser delle funzionalità HTML5