Crea i nuovi layout con Flexbox

Con il nuovo modulo FlexBox i CSS di sono finalmente aggiornati ad un uso moderno. Negli ultimi anni abbiamo visto moltissimi nuovi dispositivi con degli schermi che hanno infinite dimensioni differenti; questo richiede al nuovo sviluppatore web la conoscenza approfondita di come poter adattare il proprio sito a queste diverse risoluzioni.

Grazie a questo corso verrai a conoscenza delle nuove proprietà che questo modulo ci mette a disposizione e sarai in grado di utilizzarle per creare nuovi siti (o app) responsive grazie a comode soluzioni che ci permettono di organizzare i propri contenuti in modo mai visto prima d’ora.

Course Information

Difficoltà: Junior

Percorso: Middle Frontend Developer

Categorie: CSS, Sass

Docente del Corso

Andrea Barghigiani Autore

Autore del libro “Trasforma WordPress per l’Inbound Marketing” è il co-fondatore di SkillsAndMore e vuole aiutare i lettori a crescere nel mondo dello sviluppo.

Singolo Corso

GRATIS

Crea adesso il tuo account gratuito per seguire tutte le lezioni di questo corso!

Contenuti del corso

FlexBox, che cosa è e quanto è compatibile

Ad oggi FlexBox è una tecnologia compatibile con tutti i browser moderni ma è sempre importante avere un punto di vista verso al passato per assicurarci che tutto funzioni correttamente.

La regola flex, muoviamo passi da gigante

Con una semplice proprietà CSS sei già in grado di stravolgere il layout di una pagina web. In questa lezione scopriremo flex che ci permette di modificare in un colpo solo diversi valori essenziali al corretto funzionamento del modulo FlexBox.

Gestiamo la direzione e l’ordine degli elementi

Ora che sai come modificare il layout generale dei tuoi elementi è giusto scoprire come sia possibile ordinarli all’interno della propria pagina e come farli convivere l’un l’altro.

Allinea i contenuti dentro al contenitore

Posizionare i propri elementi è soltanto il primo passo da fare per costruire il layout delle nostre pagine ma poter allineare il nostro contenuto è quello che fornisce carattere al testo di una pagina web.

Iniziamo a sviluppare FlexBox con Sass

Sia per aumentare la compatibilità del nostro codice per vecchi browser, sia per velocizzare il tuo sviluppo, in questa lezione scoprirai come iniziare a sviluppare con il modulo FlexBox all’interno di Sass sfruttando i potenti mixin messi a disposizione da Compass.

Responsive e Mobile First con FlexBox

La logica mobile first permette di costruire dei siti web facili da consultare in uno smartphone e aggiungendo stile e funzionalità man mano che si passa a un desktop. Oltre a questo scoprirai come impostare al meglio il tuo progetto e sfruttare le media query CSS.

Crea i nuovi layout con Flexbox

Course Information

Docente del Corso

Singolo Corso

Contenuti del corso

FlexBox, che cosa è e quanto è compatibile

La regola flex, muoviamo passi da gigante

Gestiamo la direzione e l’ordine degli elementi

Allinea i contenuti dentro al contenitore

Iniziamo a sviluppare FlexBox con Sass

Responsive e Mobile First con FlexBox

Singolo Corso

Le opinioni degli skillati

Grazie a SkillsAndMore ho finalmente imparato a modificare CSS e HTML in libertà! Sono quindi riuscita a creare un sito/MVP per la mia startup.

Un progetto che promette molto anche perché organizzato così ne esistono davvero pochi in Italia.Sicuramente può dare ancora molto di più.

La migliore iniziativa che ho trovato in rete per imparare da autodidatta la programmazione.

Un progetto che promette molto anche perché organizzato così ne esistono davvero pochi in Italia.
Sicuramente può dare ancora molto di più.