HTML5

MRW Corsi
Online

159 
+IVA
Vuoi parlare del corso con un consulente?

Informazione importanti

  • Corso
  • Online
  • Durata:
    Flessible
  • Quando:
    Da definire
  • Tutoraggio personalizzato
  • Lezioni virtuali
Descrizione

Il corso si prefigge l'obiettivo di fornire allo studente le conoscenze necessarie allo sviluppo di pagine web e web application compatibili col nuovo standard di markup HTML5.

Informazione importanti
Sedi

Dove e quando

Inizio Luogo
Da definire
Online

Domande più frequenti

· Quali sono gli obiettivi del corso?

L'obiettivo del corso HTML5 è di formare gli iscritti ad un utilizzo ampio e consapevole del nuovo linguaggio di markup alla scoperta delle nuove possibilità offerte dai nuovi tag e dalle nuove API.

· A chi è diretto?

Il corso è diretto a chi già conosce HTML, la sua struttura ed il suo funzionamento. E' altresì necessaria almeno una "infarinatura" di Javascript al fine di avere gli strumenti per comprendere alcuni aspetti (più avanzati) del linguaggio.

· Requisiti

Conoscenza di base del linguaggio HTML e di Javascript

· Quali saranno i passi successivi alla richiesta di informazioni?

Il corso è attivo 365 giorni all'anno, 24H su 24. Per info, costi e promozioni: http://www.mrwcorsi.it/corsi/scheda/corso-html5.asp

Cosa impari in questo corso?

Sviluppo pagine web
Sviluppo webapp
Creazione siti web
Sviluppo applicazioni per il web

Professori

Alessandra Salvaggio
Alessandra Salvaggio
Laurea in Lettere Classiche

Specialista certificata Microsoft MVP (Most Valuable Professional), è titolare di uno studio di consulenza informatica che si occupa di pubblicazioni, formazione e web authoring. Da anni tiene corsi di informatica presso centri di formazione professionale, scuole e aziende.

Programma

Il corso si prefigge l'obiettivo di fornire allo studente le conoscenze necessarie allo sviluppo di pagine web e web application compatibili col nuovo standard di markup HTML5. Dopo una prima parte introduttiva, il corso inizia illustrando le novità del markup (tag strutturali e tag semantici) per poi passare alle caratteristiche più interessanti del nuovo linguaggio come i microdata, i canvas (a cui sono dedicate diverse lezioni), le nuove API per la geolocalizzazione, la gestione dei moduli, il Drag & Drop, la gestione di elementi multimediali. Le ultime lezioni del corso, infine, sono dedicate al web storage, ai web workers ed alla creazione di applicazioni fruibili off-line. Per una adeguata comprensione dei concetti del corso è consigliabile avere una conoscenza di base del HTML classico. Le lezioni sono corredate da numerosi esempi pratici che è possibile scaricare dall'apposita area download.

  1. Introduzione ad HTML5
    • Un po' di storia
    • Quali sono le novità di HTML5
    • Come scrivere HTML5?
    • I validatori
  2. Cominciamo a scrivere codice HTML5
    • I progetti di Aptana Studio
    • Una pagina HTML 5 base
    • HTML 5 Boilerplate
  3. I tag strutturali e i tag semantici
    • Cosa si intende per tag strutturali e semantici?
    • Elementi di intestazione
    • La navigazione
    • Sezioni e articoli
    • Elementi accessori
    • Le immagini
    • Evidenziare la struttura (outline) di una pagina
    • I tag strutturali e lo stile
  4. I microdata
    • Microdata
    • Una applicazione dei microdata: i Rich Snippet di Google
    • I vocabolari
  5. I canvas
    • Disegnare un canvas
    • Disegnare tracciati nei canvas
    • Stili e colori
    • Disegnare rettangoli nei canvas
    • Disegnare curve di Bezier nei canvas
    • Disegnare archi e circonferenze
  6. I canvas: poligoni e linee curve
    • Disegnare forme e rettangoli nei canvas
    • Disegnare curve di Bezier nei canvas
  7. I canvas: archi, circonferenze e ombre
    • Disegnare archi e circonferenze
    • Chiudere gli spicchi
    • Disegnare archi e circonferenze
    • Le ombre
  8. I canvas: testo e immagini
    • Immagini nei canvas
    • Testo nei canvas
  9. I canvas: sovrapposizione e animazioni
    • Sovrapposizione
    • Animazioni
  10. I canvas: realizziamo un esempio disegnando un grafico
    • Disegnare l'area del grafico, gli assi e la griglia
    • Disegnare le colonne coi valori
    • Caricare delle icone
    • Animare il grafico
  11. La Geolocalizzazione
    • Introduzione alla geolocalizzazione
    • Usare i dati della geolocalizzazione per creare una mappa Google
    • Scoprire da dove si collega un utente
    • Il meteo personalizzato
  12. I Moduli
    • Nuovi attributi
    • Nuovi tipi
  13. Drag and Drop
    • Trascinamento semplice
    • Trascinare elementi diversi
  14. Drag and Drop (seconda parte)
    • Trasferire dati
    • Impostare i dati da trasferire
    • Aggiungere una icona di trascinamento
  15. Drag and Drop (terza parte)
    • Impostare valori da trasferire
    • Codificare i valori da trasferire nel codice
    • Trascinare file
  16. Audio e video
    • Formati supportati
    • Incorporare file video
    • Impostare sorgenti video diverse
    • Incorporare file audio
    • Controllare audio e video via Javascript
    • You Tube
  17. Web storage
    • Cosa è web storage
    • Il meccanismo base di web storage
    • Cancellare un valore
    • Semplici esempi
    • Rilevare le modifiche a localStorage
    • Il sessionStorage
  18. Web worker
    • Cosa sono i web worker
    • Avviare il worker e recuperare il risultato delle sue operazioni
    • Comunicare col worker
    • Interrompere l'esecuzione del worker
    • Oggetti a cui può accedere il worker
    • Gestione degli errori
    • Worker condivisi
  19. Applicazioni offline
    • Il file Cache manifest
    • Indicare i file fruibili offline
    • Impedire che sia eseguita la cache di alcuni file e fornire un file sostitutivo
    • Il flusso degli eventi
    • Gestione degli errori
  20. Determinare il supporto per HTML5
    • Testare il supporto con Modernizr
    • Scrivere il proprio codice di test
    • Un file generico per il test

Confronta questo corso con altri simili
Leggi tutto