A chi è rivolto
Il Corso HTML5/CSS3 Essentials è un corso introduttivo a questi due linguaggi che soddisfa quella che rappresenta un’esigenza ormai assodata, ovvero la necessità di accedere ad un’applicazione utilizzando una varietà di dispositivi, partendo dalla modifica di pagine web.
Si stanno adottando nuove strategie di sviluppo per lo sviluppo di siti Web e soluzioni software scalabili. In effetti riuscire ad accedere attraverso qualunque dispositivo ad un sito web o web app, consente di migliorare la produttività, poichè si evitano di creare delle varianti dello stesso prodotto ed invece ci si concentra sulla struttura e funzionalità del prodotto da creare.
Grazie a questa nuova prospettiva, ogni soluzione creata per il web si adatterà automaticamente al dispositivo che lo interroga, utilizzando la tecnica Responsive Web Design (RWD).
In questo Corso HTML5/CSS3 Essentials, imparerai a creare pagine web moderne e reattive utilizzando HTML5, CSS3 e la tecnologia responsive.
Il corso copre la necessità di creare siti Web statici ma adattativi, poichè modificano la loro struttura o il layout in base alla schermata del dispositivo a cui sono accessibili. Spiega i vari elementi costitutivi utilizzati per creare siti Web reattivi.
Questo Corso HTML5/CSS3 Essentials è stato progettato con un approccio metodologico unico di formazione, attraverso progetti concreti per un apprendimento di successo.
Prerequisiti
Non sono richieste particolari prerequisiti, tranne la normale conoscenza dell’uso del pc, anche quando si voglia intraprendere questo Corso HTML5/CSS3 Essentials per la creazione di pagine web senza conoscerlo, si parte sempre dalle basi elementari e poi approfondire in un crescendo, tutti gli aspetti attraverso sessioni teoriche e pratiche con esercizi, mettendoti in condizione di comprendere appieno ogni aspetto.
Obiettivi del corso
- Implementa potenti funzionalità di HTML5 per multimedia, grafica, moduli di input, ecc.
- Implementa le API HTML5 per funzionalità critiche come applicazioni offline, prestazioni avanzate, ecc.
- Aggiungi fluidità a un sito web
- Costruisci o modifica pagine web
- Rendi responsive le tue pagine web
Caratteristiche
- Durata 80 ore
- Skill level Adatto a tutti
- Lingua Italiano
-
Certificazione
Attestato
di frequenza - Valutazioni Si
Modalità erogazione
Potrai seguire i nostri corsi in modalità FAD (formazione a distanza in video conferenza), comodamente da casa tua scegliendo orari e giorni. Ti verrà dato accesso alla nostra piattaforma di formazione e farai lezione attraverso la condivisione degli schermi, del docente e tuo per le prove pratiche.
VANTAGGI
- Come? Videoconferenza
- Condivisione schermo
- audio
- video
- Ogni lezione di 2 ore
- Lezioni registrate SI
-
Percorso HTML5
- Introduzione
- Da HTML 4 ad HTML5
- La sintassi di HTML5
- Elementi disegnati per un web moderno
- Attributi globali
- Un nuovo content model
- Head e Footer
- Section
- Article
- Nav
- Aside
- Hgroup
- Mark
- Time e gli attributi pubdate e datetime
- Meter
- Progress
- L’elemento <picture>
- Altri tag
- I form in HTML5: una panoramica
- Nuovi attributi per i form: autofocus, placeholder e form
- Nuovi attributi dei form per la validazione
- Nuovi attributi dei form per la validazione
- Input type: tel
- Input type: search
- Input type: url
- Input type: email
- Input type: email
- Nuovi tipi di input per la gestione delle date
- Input type: number
- Input type: range
- Input type: color
- Cosa sono le datalist?
- La potenza dei microdati
- Canvas e Multimedia
- HTML5 e compatibilità cross-browser
-
Percorso CSS3
- Selettori di base
- Selettori combinatori o di relazione
- Selettori di attributo
- Pseudo-classi e pseudo-classi strutturali
- Altre pseudo-classi
- Pseudo-classi per la validazione
- Pseudo-elementi
- Opacity
- Colore RGBa
- Colore HSLa
- 12Border-radius
- 13Border-image
- 14Box-shadow
- Sfondi multipli
- Background-clip
- Background-origin
- Background-size
- Gradienti come immagini di sfondo
- 20Web fonts con @font-face
- Word-wrap
- Text-shadow
- Overflow-x e overflow-y
- Box-sizing
- Layout multicolonna
- Flexible box layout
- CSS Media queries
- CSS Media queries: caratteristiche dei media