Descrizione del corso
Il percorso di formazione prevede un approfondimento sui linguaggi principalmente utilizzati per il mondo dello sviluppo web delle pagine internet.In particolare si pone l'obiettivo di portare l'utente ad una buona conoscenza nell'uso del linguaggio HTML, fogli di stile (CSS) e Javascript.
Programma
- Presentazione di HTML5
- Storia del linguaggio HTML e presentazione di HTML5
- La necessità di avere HTML semantico
- Il legame HTML, CSS e Javascript
- Supporto dei Browser per HTML5
- Strumenti di editing per iniziare a lavorare con HTML5
- Iniziare con HTML5
- Definizione di elemento HTML
- Definizione di Elementi Attributi
- Definizione di Attributi Custom
- I Metadati
- Capire gli elementi Parents, Children, Descendants e Siblings
- Entità HTML
- Alcuni elementi fondamentali: div, span, img, p, ul, ol, anchor
- Alcuni Attributi fondamentali: style, id, class
- Creazione di documenti HTML
- Anatomia di una pagina web
- Creazione di una pagina web
- I nuovi tag semantici di HTML5
- Esercitazioni con gli elementi finora descritti
- Aggiungere gli stili: CSS3
- Definire e applicare uno stile
- Stili inline
- Stili incorporati
- Fogli di stile esterni
- Importare un foglio di stile
- Ordine di precedenza negli stili
- La keyword !important
- Specificità, ordine di assegnamento e Ereditarietà nei CSS
- Funzioni rgb e rgba per i colori
- Capire le unità di misura delle lunghezze nei CSS
- Caratteristiche avanzate di CSS3
- CSS box model
- Posizionamento dei div e delle immagini
- Utilizzo della Proprietà float
- Disposizione del testo e delle immagini
- Selettori CSS base
- Pseudo classi in CSS
- Esercitazioni
- Supporto multimediale in HTML5
- Formati video
- Implementare l’elemento Video
- Configurare l’elemento Video
- Formati audio
- Implementare l’elemento Audio
- Configurare l’elemento Audio
- Cenni di javascript
- Cosa è il Javascript
- Nozioni base di programmazione procedurale
- Variabili, istruzioni, funzioni
- Tipi di dati in javascript
- Strutture di controllo del flusso in javascript
- Disegnare con HTML5
- Disegnare con l’oggetto Canvas
- Disegnare rettangoli, cerchi e altri elementi grafici
- Disegnare e manipolare il testo
- Incorporare le immagini
- Configurare il drawing state
- Salvare e recuperare il drawing state