Corso HTML5

Creare pagine web di ultima generazione sfruttando la potenza di HTML5

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 HTML5 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. E' prevista nelle mod. Tutor, Certificate ed Extra
2. E' previsto nelle mod. Certificate ed Extra

Prezzi ed Info del corso HTML5

A chi è rivolto

Il corso HTML5 è rivolto a chiunque intenda approfondire le potenzialità della nuova release del linguaggio HTML, grazie alle quali è possibile costruire pagine web strutturate in modo fortemente semantico nonché sffruttare un vasto set di API grazie alle quali sviluppare applicazioni, sia desktop che mobile, dotate di funzionalità di ultima generazione.

Prerequisiti

Per affrontare conrrettamente il corso di HTML5, oltre ad una buona padronanza dei normali strumenti informatici, è da considerarsi indispensabile una adeguata conoscenza del linguaggio HTML4 che costituisce il punto di partenza del percorso didattico. Altrettanto consigliata è la conoscenza di Javascript, almeno nel suo funzionamento di base.
Per chi non fosse in possesso di tali prerequisiti è suggerita la preventiva frequentazione del Corso HTML4 e del Corso Javascript.

Obiettivi del corso

Il corso di HTML5 si prefigge l'obiettivo di formare webmaster e web designer capaci di sviluppare siti ed applicazioni web di ultima generazione, dotati di funzionalità avanzate come canvas, geolocalizzazione e drag & drop.

Sommario lezioni del corso HTML5

1. Introduzione ad HTML5
   • Un po' di storia
   • Le novità di HTML5
   • Come scrivere codice 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/semantici e stili CSS
4. I microdata
   • Microdata
   • URL come valori delle proprietà
   • Una applicazione dei microdata: i Rich Snippet di Google
   • I vocabolari
   • Microdata e tipi specifici
5. I canvas
   • Disegnare un canvas
   • Disegnare tracciati nei canvas
   • Stili e colori
   • Gradienti
   • Spessore e terminali delle linee
   • Segmenti e figure con stili diversi nello stesso canvas
6. I canvas: poligoni e linee curve
   • Forme e rettangoli nei canvas
   • Disegnare un rettangolo
   • Disegnare curve di Bezier nei canvas
7. I canvas: archi, circonferenze e ombre
   • Disegnare archi e circonferenze
   • Chiudere gli spicchi
   • Le ombre
8. I canvas: testo e immagini
   • Immagini nei canvas
   • Texture come sfondo per il canvas
   • Sovrapporre grafica vettoriale alle immagini
   • Testo nei canvas
9. I canvas: sovrapposizione e animazioni
   • Sovrapposizione
   • Animazioni
   • Interrompere la riproduzione dell'animazione
   • Riavviare la riproduzione dell'animazione
10. Realizzare grafici per i dati con canvas
    • Definizione delle variabili
    • Disegnare le colonne coi valori
    • Caricare delle icone
    • Animare il grafico
11. Geolocalizzazione con HTML5
    • Introduzione alla geolocalizzazione
    • Recuperare le coordinate geografiche di un utente
    • Creare una mappa Google con i dati della geolocalizzazione
    • Ricavare informazioni sul luogo da cui si connette l'utente sfruttando le API di Wunderground
    • Meteo personalizzato in base alla posizione dell'utente sfruttando le API de IlMeteo.it
12. Gestione dei form con HTML 5
    • Nuovi attributi per i campi form
    • Nuovi tipi
13. Drag and Drop
    • Il trascinamento semplice
    • Trascinare più elementi
14. Trasferire dati con il Drag and Drop
    • Trasferire dati
    • Impostare i dati da trasferire
    • Definire le icone di trascinamento
15. Drag and Drop e trascinamento dei valori
    • Impostare valori da trasferire
    • Codificare i valori da trasferire nel codice
    • Definire valori numerici (uno shopping cart più avanzato)
    • Trascinare i file
    • Leggere le proprietà del file caricato
16. Gestione audio e video con HTML5
    • Formati supportati
    • Incorporare file video
    • Impostare sorgenti video diverse
    • Caricare un file audio
    • Controllare audio e video via Javascript
    • Alcune proprietà dell'oggetto audio e video
17. Web storage
    • Web storage e applicazioni Web
    • Il meccanismo base di web storage
    • Cancellare un valore da localStorage
    • Un modulo utente per salvare e gestire dati in localStorage
    • Memorizzare i valori di un carrello della spesa con Web storage
    • Memorizzare dati con sessionStorage
18. Web worker
    • Cosa sono i web worker
    • Avviare il worker e recuperare il risultato delle sue operazioni
    • Comunicare con il worker
    • Interrompere l'esecuzione del worker
    • Oggetti a cui può accedere il worker
    • Gestione degli errori
    • Worker condivisi: SharedWorker
19. Applicazioni offline in HTML 5
    • Il file Cache manifest
    • Definire i file accessibili offline
    • Versionare manifest e risolvere i problemi della browser cache
    • Cache e file sostitutivi
    • Il flusso degli eventi
    • Gestione degli errori
20. Determinare il supporto ad HTML5 di un browser
    • Testare il supporto ad HTML5 con Modernizr
    • Scrivere il proprio codice di i test
    • Supporto per i canvas
    • Supporto per i nuovi input type
    • Supporto per gli altri attributi dei campi form
    • Supporto per i microdata
    • Supporto per Drag and Drop
    • Supporto per lo storage locale
    • Supporto per i Web worker
    • Supporto per le applicazioni offline
    • Supporto per audio e video senza plugin aggiuntivi
    • Un file generico per il test

Domande frequenti sul corso HTML5

• Qual'è la durata del corso HTML5?
  Il corso HTML5 può essere fruito on-line 7 giorni su 7, 24 ore su 24 senza alcun vincolo di orario. Il Corso sarà accessibile dal momento dell'avvenuto pagamento per il tempo previsto dalla modalità prescelta.
• Come funziona il corso HTML5?
  Una volta attivato, potrai accedere alle lezioni del corso e potrai utilizzare gli strumenti di ausilio didattico (come, ad esempio, l'evidenziatore ed il quaderno appunti) nonché accedere all'area di download del corso. Al termine del corso HTML5 potrai eseguire un quiz di autovalutazione per verificare qual'è il tuo grado di apprendimento della materia.
• Riceverò un attestato per la frequentazione del corso HTML5?
  Sì! L'attestato di partecipazione al corso HTML5 viene riconosciuto a tutti gli utenti che acquistano il corso nelle modalità certificate o extra.
• L'attestato del corso HTML5 è riconosciuto in ambito accademico?
  L'attestato del corso HTML5 è un documento privato che certifica la partecipazione ad un percorso didattico on-line. Il corso HTML5, come tutti i nostri corsi, è riconosciuto in ambito privato e presso alcune Università potrebbe essere considerato valido per l'ottenimento di crediti formativi.
• Dopo aver frequentato il corso HTML5 mi aiuterete a trovare lavoro?
  Non siamo un'agenzia di collocamento, ma non è infrequente che le aziende ci chiedano i nominativi dei nostri studenti per assunzioni e/o stage formativi. Ogni volta che ne abbiamo la possibilità, pertanto, segnaliamo sempre i nostri studenti.
• In che modo il corso HTML5 può aiutare la mia carriera lavorativa?
  Il corso HTML5, come tutti gli altri corsi on-line di MRW Corsi, è finalizzato a formare nuovi professionisti del mercato digitale. Se studierai e ti impegnerai a fondo, siamo sicuri che il corso HTML5 ti fornirà nuove competenze che potranno essere apprezzate dal mercato del lavoro. L'attestato del corso HTML5, inoltre, rappresenta una prestigiosa documentazione che potrai allegare al tuo curriculum.

Informazioni sul docente

Dott. Claudio Garau

Sviluppatore software per il Web e il mobile in diversi linguaggi tra cui PHP, Java, Ruby e Python. Competenze avanzate sui principali Web standard (HTML5, JavaScript e CSS), l’utilizzo di DBMS relazionali (MySQL, MariaDB, PostgreSQL) e non relazionali (MongoDB).
Utente Linux avanzato con esperienza ultradecennale nell'utilizzo degli strumenti da Shell per l'amministrazione server e la gestione di installazioni basate sulle distribuzioni Linux più diffuse (Ubuntu, Debian, Fedora, Mint).
Consulente aziendale per la sicurezza informatica negli ambiente di lavoro, con diversi corsi all’attivo in aula, in sede e online. Docente della piattaforma di e-learning MRW Corsi per i corsi HTML5, Java, PHP, MySQL, Linux e Ruby.
Autore di migliaia tra articoli di approfondimento, guide, tutorial e blog post pubblicati da alcune delle maggiori testate italiane dedicate allo sviluppo, alla programmazione, al Database Management e all'amministrazione di sistema.