New
 
Fantom Tag

Corso - Fondamenti di sviluppo GUI con HTML5, CSS3 e JavaScript

Sfruttare l'ultima versione di HTML5

  • A distanza
  • Fondamenti
  • Step by Step
Corso a catalogo
Durata
5 giorni (35 Ore)

Quota d'iscrizione
2.880,00 €  +IVA

WebCode
IT.45
Scarica il tagliando di iscrizione
Realizza questo corso in azienda
WebCode
IT.45

Durata
5 giorni (35 Ore)

6.650,00€ +IVA
(Quota riferita ad un gruppo di 10 pax max, +10% di Project Management)
Formazione customizzata
Sei interessato all'argomento?
Progettiamo un training personalizzato nella tua azienda.

HTML5 e CSS3 sono le ultime versioni dei principali linguaggi Web validate dal World Wide Web Consortium (W3C), l'organizzazione la cui missione è sviluppare protocolli e standard per i linguaggi Web e i loro sviluppi. Estremamente complementari -il primo permette di visualizzare il contenuto delle pagine web e il secondo mira a descrivere la presentazione di questi contenuti- sono spesso associati nell'ambito degli sviluppi per il web. Questa formazione permetterà di utilizzare le nuove possibilità offerte da HTML5, come l'integrazione di video e audio, grazie ai nuovi tag e API, quindi di formattare le proprie pagine sfruttando la potenza dei CSS3.

Questa formazione prepara alla certificazione Sviluppo di siti Web con linguaggio di markup HTML e fogli di stile CSS (HTML5 e CSS3), che gli interessati potranno conseguire autonomamente presso enti terzi.

Leggi di più
Per chi

A chi è rivolto

Per chi

  • Sviluppatori .Net o Java che desiderano sapere come sfruttare le possibilità offerte da HTML5 e CSS
  • Sviluppatori di applicazioni informatiche

Prerequisiti

Conoscenze standard di internet, nozioni di algoritmi

Programma

Programma del corso

1 - Presentazione

  • HTML: il linguaggio del web
  • Contesto storico

 

2 - Ambiente e struttura

  • Concetto e utilizzo dei tag
  • L'uso corretto dei tag
  • Caratteristiche e insidie ​​dell'HTML
  • Il documento HTML minimo

 

3 - Formattazione del documento

  • Testo semplice
  • Gli oggetti di un documento
  • L'intestazione di un documento HTML

 

4 - Formattazione del testo

  • Intestazioni e paragrafi di testo
  • Controllo dell'avanzamento riga
  • Formattazione del testo, allineamento
  • Dimensione, colore e carattere
  • Personaggi speciali
  • Commenti
  • Altri tag di testo

 

5 - Liste

  • Numerati, puntati, nidificati
  • Elenchi di definizioni

 

6 - Tabelle

  • Celle di tabella e celle di unione
  • Gestione delle dimensioni della tabella
  • Intestazione e didascalia
  • Frontiere
  • Gruppi di colonne e righe

 

7 - Ipertesti

  • Il tag di collegamento
  • I diversi tipi di link: verso un'altra pagina, all'interno di una pagina, verso un sito web, download...
  • I target
  • L'attributo del titolo
  • Il colore dei link
  • Collegamenti e fogli di stile

 

8 - Inserimento immagini

  • Inserimento di un'immagine
  • Lo spazio attorno a un'immagine
  • L'allineamento di un'immagine
  • Colore e immagine di sfondo
  • Inserimento di un collegamento su un'immagine
  • Immagini reattive

 

9 - Moduli

  • La dichiarazione del modulo
  • Casella di testo a riga singola
  • Menù a scorrimento
  • Pulsanti: radio, casella di controllo, invia, annulla, ordina
  • Moduli: nascosto, trasferimento file, password
  • Organizzare gli elementi del modulo

 

10 - Meta-informazione

  • Doctype o DTD

 

11 - Fogli di stile

  • Le proprietà: colore, carattere, margine,...
  • Le classi
  • Potenziamento di un sito con CSS
  • Gestire le posizioni

 

12 - Introduzione a JavaScript

  • JavaScript per cosa?
  • L'ambiente del client web
  • Il browser, gli strumenti

 

13 - JavaScript: il cuore del linguaggio

  • La sintassi
  • Variabili, funzioni globali, operatori, strutture di controllo
  • Funzioni: definizione, argomenti, funzioni letterali, funzioni come dati
  • Oggetti personalizzati e oggetti globali
  • Maneggiare tabelle, date, stringhe di caratteri

 

14 - Oggetti navigatore

  • La gerarchia degli oggetti
  • Gli oggetti principali: finestra, documento, posizione, schermo, navigatore, form...
  • Maneggiare le finestre
  • Gestire i timer

 

15 - Introduzione all'HTML5

  • Contesto: come funziona un sito web
  • Storia e standardizzazione dell'HTML
  • La nuova visione HTML5
  • Tabella di marcia HTML5

 

16 - Come usare HTML5 oggi

  • Sapere quando scegliere HTML5
  • Usare HTML5 con i browser che non lo supportano

 

17 - Marcatura HTML5

  • Struttura di una pagina
  • Doctipo
  • Elementi nuovi ed elementi obsoleti
  • HTML5 e CSS3

 

18 - Moduli

  • Il tag del modulo
  • Creare e utilizzare moduli HTML5

 

19 - Audio e video

  • Elementi audio e video
  • Contenitori, codec
  • Compromesso per un sito con un vasto pubblico

 

20 - Panoramica delle API

  • API HTML5
  • Audio e video
  • Sito web offline
  • Trascinare e rilasciare

 

21 - Disegno in HTML

  • Tela contro SVG
  • Contesto e accessibilità

 

22 - Comunicazione in HTML5

  • Gli eventi
  • Invio di messaggi tra documenti
  • Invio di messaggi per canale
  • Push e WebSocket per maggiori prestazioni

 

23 - Geolocalizzazione

  • Panoramica
  • Privacy dell'utente

 

24 - Stoccaggio

  • Memoria locale
  • Archiviazione in sessione
  • Database Web SQL

 

25 - CSS: standardizzare le proprietà

  • Fare a meno delle immagini, evitare i trucchi
  • Angoli arrotondati, ombre esterne, trasparenze, animazioni
  • Altre novità

 

26 - CSS: layout e posizionamento

  • Panoramica: chiarire il codice, evitare la moltiplicazione div nidificata
  • Livello di presentazione
  • Disposizione per motivo
  • Layout a più colonne
  • Layout per caselle orizzontali o verticali
  • Posizionamento per griglia
  • Altre novità
  • CSS per cellulari e tablet
Obiettivi

Obiettivi del corso

  • Avere le competenze necessarie per sviluppare un sito Web HTML5 / CSS3 completo
  • Saper produrre pagine compatibili con diversi browser internet
  • Essere in grado di creare interazioni dinamiche con l'utente senza lo sviluppo del server
  • Scoprire come sfruttare le ultime funzionalità HTML5 come il video player compatibile con i dispositivi mobili
Esercitazioni

Esercitazioni

  • Una progressione didattica che permette di comprendere le lavorazioni che possono essere ricollocate dal server alla postazione client
  • Creazione di un'applicazionefil rouge: creazione di contenuti, formattazione, test cross-browser, aggiunta di funzionalità dinamiche e HTML5, rilascio in produzione
  • La pedagogia promuove gli scambi tra i partecipanti; il facilitatore fornisce risposte personalizzate a ciascuno

I Blog Cegos

Desideri approfondire alcune tematiche? Consulta gli articoli dei nostri consulenti su:

Finanziamenti

Opportunità di finanziamento

I Fondi Paritetici Interprofessionali permettono, alle aziende aderenti, di finanziare la formazione aziendale ed individuale rivolta ai propri dipendenti.

Affidati a Cegos e al suo Team dedicato per essere supportato lungo tutte le fasi del progetto finanziato, dalla valutazione di fattibilità, alla presentazione della domanda al Fondo Interprofessionale, fino alla rendicontazione dei costi e al rimborso delle spese.

Scopri come accedere ai finanziamenti per questo intervento.

Date

  • 2.880,00 € +IVA
    Posti disponibili
    Iscriviti
    Dettaglio date per questa sessione
    • Dal 23 lug al 26 lug 2024
    • Date 29 lug 2024
    I partecipanti riceveranno le istruzioni per partecipare alcuni giorni prima dell’inizio del corso.
  • 2.880,00 € +IVA
    Posti disponibili
    Iscriviti
    Dettaglio date per questa sessione
    • Dal 1 ott al 4 ott 2024
    • Date 7 ott 2024
    I partecipanti riceveranno le istruzioni per partecipare alcuni giorni prima dell’inizio del corso.
Corso - Fondamenti di sviluppo GUI con HTML5, CSS3 e JavaScript