Corso CSS Flexbox e Grid Online

Icona del Corso CSS Flexbox e Grid Online, firmato LABFORTRAINING

Inizio: 5 maggio 2020
Durata: 15 ore
Orario: serale 18.00/21.00
Prerequisiti: HTML5 e CSS3 base

Ecco alcune delle cose strepitose che puoi fare con il Corso CSS Flexbox e Grid:
  • Ottimizzare tempo e scrittura del codice CSS per definire interi layout di pagina
  • Realizzare con estrema semplicità layout con colonne della stessa altezza
  • Creare griglie monodimensionali e bidimensionali, e posizionarle a piacimento nella pagina
  • Cambiare in modo estremamente rapido l'ordine degli elementi di un layout web

Il corso in pillole

CSS Flexible Box - Flexbox è una specifica dei Fogli di Stile CSS che permette di creare griglie monodimensionali, mentre con i CSS Grid è possibile creare griglie bidimensionali.
Entrambe le specifiche peremottono di configurare le griglie a piacimento così da poter posizionare gli elementi all'interno di una pagina web esattamente dove lo prevedano mockup e grafica.

Sia i CSS Flexbox che i CSS Grid hanno regole sono tanto semplici quanto potenti e permettono di realizzare layout per tutti i dispositivi in modo intuitivo e con un notevole risparmio di tempo e di codice.
Per esempio è possibile, dopo aver creato colonne affiancate della stessa altezza, poterne cambiare disposizione e ordinamento a seconda dei differenti breakpoint resolutions, con estrema facilità.

È il corso che fa per te?

Sì, se conosci le basi dei fogli di stile CSS e vuoi realizzare layout web sempre più performanti ottimizzando tempo e codice.

IL PROGRAMMA DEL CORSO

Quando

Dal 5 al 26 maggio 2020, tutti i martedì e venerdì, in orario serale 18.00/21.00.
5 lezioni in modalità Live Streaming, per una durata complessiva di 15 ore.

Dove

Direttamente a casa tua: in modalità live streaming.

Le video lezioni in diretta saranno svolte tramite la Piattaforma Google Meet.
Inoltre, grazie a Chrome Remote Desktop, il docente potrà in qualsiasi momento "accedere al tuo computer", in modo da correggere i tuoi errori di codice.

I software utilizzati per lo svolgimento delle lezioni sono tutti gratuiti.

Cosa ti serve

Un computer, una connessione a Internet e una mail. Nient'altro.

Cosa ti diamo

  • Dispense ed esercizi pratici che troverai nell'area riservata LABFORYOU.
  • Le registrazioni video di tutte le lezioni per non perderti nemmeno un minuto di corso, anche in caso di assenza.
  • L'attestato di partecipazione a fine corso e l'attestato di merito con valutazione finale.
  • L'iscrizione al gruppo Facebook Labforjob, in cui postiamo offerte di lavoro selezionate da noi: abbiamo contatti con molte aziende, ma scegliamo solo annunci seri. Niente stage/lavori sotto pagati, per intenderci.

Costi

Il Corso CSS Flexbox e Grid Online ha un costo di 200 euro + iva.

Iscrizione

Per iscriverti al Corso CSS Flexbox e Grid Online dovrai compilare la scheda di iscrizione e versare una quota di 100 euro + iva a titolo di acconto.

Ti invieremo la scheda di iscrizione via mail e potrai versare l'acconto tramite Bonifico Bancario.

Tutto chiaro?

Se hai bisogno di altre informazioni sul corso, o sulle modalità di iscrizione e rateizzazione, compila il modulo e ti risponderemo il prima possibile. Grazie.

VOGLIO ISCRIVERMI

Programma del Corso CSS Flexbox e Grid

CSS Flexbox

  • CSS Flexbox, i principi di base
  • Creare griglie monodimensionali
  • Display:flex
  • La proprietà justify-content per allineare gli item di un FlexBox
  • Le proprietà flex-direction, flex-wrap e flex-flow
  • La proprietà shorthand degli item del flexbox: FLEX
  • Differenze tra la proprietà width e la proprietà flex-basis
  • Creare colonne affiancate con la stessa altezza
  • Modificare l'ordine degli item di un flexbox
  • Nidificare i Flexbox
  • Caso pratico: realizziamo una barra di menu orizzontale con i FlexBox
  • Risorse utili e casi pratici
  • Appendice: Utilizzare Flexbox e CSS Grid insieme

CSS Grid

  • Introduzione a CSS Grid
  • Definire una griglia
  • Creare griglie bidimensionali con grid-template-columns e grid-template-rows
  • Utilizzare le percentuali e il metodo css repeat()
  • Utilizzare l'unità di misura Fractional Units
  • Posizionare gli elementi della griglia
  • Utilizzare grid-template-areas e grid-area per definire zone della griglia
  • max-content, min-content, minmax()
  • Cambiare l'ordine di posizionamento degli elementi della griglia
  • Creare layout con griglie nidificate
  • Esempio pratico: Realizziamo un Fluidly Responsive Grid senza l'ausilio di Breakpoints e delle Media Query
  • Risorse utili e casi pratici
VOGLIO SAPERNE DI PIÙ

Docente

Giovanni

È l'ideatore e il responsabile di LABFORTRAINING.

Dopo anni e anni di formazione ha infatti pensato di aprire una scuola tutta sua.

Insegna HTML5, CSS3 e Responsive Web Design a LABFORTRAINING.

Si occupa di formazione aziendale, di progettazione e sviluppo di siti web dal 1994, quando il web aveva ancora il rumore robotico dei modem.

Il Web Design è la sua passione:
HTML e HTML5, CSS/2/3, Javascript e jQuery, Responsive e Adaptive Design, Flash e Action Script per lui non hanno segreti ed è inoltre esperto di usabilità e accessibilità.

È stato ed è tutt'ora docente per diversi enti pubblici e privati tra cui Telecom Italia, RAI, Tim, Alenia, Autostrade SPA, Istituto Regionale Montecelio, Poste Italiane, Ipost, ENEA, IED Istituto Europeo di Design, Neomobile, Merck Sharp & Dohme.

Giovanni non si ferma mai e viaggia a una media di 1.000 ore di lezione all'anno.
È sempre il primo a portare in aula le novità del Web.

Ha inoltre partecipato alla progettazione e realizzazione di molti portali web e produzioni multimediali.

#iorestoacasa...e studio

Con i corsi LABFORTRAINING in modalità Live Streaming puoi studiare senza muoverti da casa.

Scopri i corsi online

Scrivici se vuoi saperne di più sul Corso CSS Flexbox e Grid e sulle modalità di iscrizione

I contatti LABFORTRAINING

I nostri uffici sono aperti dal lunedi al venerdi dalle 9:30 alle 18:30

  • © labfortraining.it è un progetto di LABFORWEB srl
  • C.F. e P.IVA 11712501003
  • Via Pasquale Revoltella, 85 - Roma
  • Informativa cookie

OKSu questo sito utilizziamo, previo tuo consenso, cookie di profilazione di terze parti per proporti pubblicità in linea con le tue preferenze. Se vuoi saperne di più clicca qui. Cliccando sul pulsante OK, continuando la navigazione, o effettuando un'azione di scroll presti il consenso all'uso di tutti i cookie.

Open Day LABFORTRAINING | 3 e 4 luglio 2020