Impara CSS & Pratica

Impara CSS passo dopo passo, dal tuo primo selettore fino ai layout responsive, alle animazioni e al web design moderno. Scrivi una riga di CSS e guarda la pagina cambiare sul tuo telefono: l’editor mostra il tuo HTML e CSS affiancati, con un’anteprima live.

Questo tutorial di CSS è pensato per chi parte da zero e cresce insieme a te. Ogni corso tratta un argomento reale, ogni lezione è breve e l’editor è sempre a un tocco di distanza, così puoi mettere in pratica ciò che hai appena letto invece di limitarti a leggere.

COSA TROVERAI

• 40 corsi e 159 lezioni brevi, dal livello principiante (A1) a quello avanzato (C1)

• Un editor live di HTML e CSS con anteprima istantanea, per fare esperimenti rapidi e creare le tue pagine

• 20 progetti guidati di web design, un passaggio alla volta: una barra degli strumenti, una griglia di schede, un’intestazione fissa, un pulsante pulsante e altro ancora

• 20 missioni di caccia ai bug: una scheda più larga di 42px rispetto alla sua colonna, una media query che non si attiva mai sul telefono, una finestra modale bloccata dietro la pagina

• Un esame finale e un certificato di completamento

• L’app è disponibile in 22 lingue

UN PERCORSO COMPLETO, DAL PRINCIPIANTE ALL’AVANZATO

• Sintassi e selettori, colori, sfondi e tipografia

• Il modello a scatola, display, posizionamento, unità e valori

• Pseudo-classi e pseudo-elementi

• Fondamenti di Flexbox e Flexbox avanzato

• Basi di Grid, aree della griglia e layout Grid avanzato

• Design responsive, media query e container query

• Proprietà personalizzate (variabili), funzioni, specificità, cascata e @layer

• Transizioni, trasformazioni, animazioni con keyframe, filtri e modalità di fusione

• Modalità scura e schemi di colori, scorrimento e overflow, clip-path e forme

• Debug con DevTools, architettura BEM, Sass, PostCSS e token di design

• Pattern per i componenti, pattern di layout moderni, prestazioni e Houdini

ESERCIZI CHE RESTANO

• Quiz per verificare ciò che hai imparato

• Un foglio riassuntivo con 69 voci su proprietà, selettori e sintassi dei layout

• 50 domande da colloquio con risposte chiare, utili prima di un colloquio per un ruolo front end o da sviluppatore web

• Una libreria di codice con brevi esempi che puoi aprire e modificare

• Salva il tuo codice, le tue note e le lezioni preferite

• World Coding Challenge: tre round globali al giorno, risolti in Python, JavaScript e altri linguaggi

• Serie di giorni consecutivi, XP, classifica e promemoria quotidiani per continuare a esercitarti

MENTOR AI

• Bloccato su un layout o una proprietà? Chiedi al mentor AI informazioni su un concetto, un errore o sul tuo codice

• Playground AI: descrivi una pagina e guarda HTML e CSS prendere forma

• Gli utenti gratuiti ricevono una quota AI giornaliera; con Pro diventa illimitata

A CHI È RIVOLTO

• Principianti assoluti che muovono i primi passi nello sviluppo web

• Designer che vogliono dare stile alle proprie pagine invece di consegnare mockup

• Studenti che vogliono fare pratica extra insieme a un corso di web design

• Sviluppatori che conoscono un po’ di HTML e CSS e vogliono finalmente capire Flexbox e Grid

• Persone che cambiano carriera e si preparano per un lavoro nel front end

GRATUITO E PRO

Il primo corso, il primo progetto guidato, due missioni e l’editor live sono gratuiti, con una quota giornaliera per il mentor AI. Pro sblocca tutti i corsi, tutti i progetti e le missioni, l’esame per il certificato e l’AI illimitata, oltre a rimuovere la pubblicità.

Inizia oggi, impara CSS al tuo ritmo e dai stile alla tua prima pagina in pochi minuti.