Salta al contenuto
Web & Frontend

Corso Tailwind Completo

Corso da zero per imparare ad utilizzare il framework Tailwind CSS. Vediamo come usarlo, ecosistema ed esercizio finale.

  • 13 ore di video
  • 101 lezioni
  • Intermedio
  • Certificato finale

Caricando il video accetti che YouTube (Google Ireland Ltd.) imposti cookie e riceva il tuo indirizzo IP e i dati di navigazione. Informativa di Google · La nostra privacy policy

Descrizione del corso

Programma

18 moduli · 101 lezioni
01Intro
  1. Dove siamo arrivati
  2. Aggiornamento Tailwind 4
  3. Cos'è Tailwind CSS
  4. Differenza con Bootstrap
  5. Ambiente Sviluppo
02Concetti Fondamentali
  1. Installare Tailwind CDN
  2. Installare con CLI
  3. Installazione 4.0
  4. Utility First
  5. Handle degli eventi
  6. Responsive Design
  7. Dark Mode
  8. Riutilizzo degli stili
  9. Aggiungere stili custom
  10. Funzioni e direttive
  11. Preflight
03Layout
  1. Aspect Ratio
  2. Container
  3. Columns
  4. Box Sizing
  5. Display
  6. Floats e Clear
  7. Object Fit e Object Position
  8. Overflow
  9. Position
  10. Visibility
  11. Z-Index
  12. Esercizio Sezione
04Dimensioni e Spazi
  1. Width e Height
  2. Min e Max
  3. Size
  4. Padding e Margin
  5. Space Between
  6. Esercizio Sezione
05Flexbox e Grid
  1. Tutto Flex
  2. Tutto Grid
  3. Justify Content, Items, Self
  4. Align Content, Items, Self
  5. Place Content, Items, Self
  6. Esercizio Sezione
06Tipografia
  1. Font Family
  2. Font Size, Smoothing, Style, Weight, Variant Numeric
  3. Letter Spacing, Line Clamp e Height
  4. Liste
  5. Classi Text
  6. Altre Classi
  7. Esercizio Sezione
07Background
  1. Classi Background
  2. Background Clip, Origin
  3. Gradienti di Sfondo
  4. Esercizio Sezione
08Bordi
  1. Bordi
  2. Divide
  3. Outline e Ring
  4. Esercizio Sezione
09Effetti e Filtri
  1. Box Shadow e Opacity
  2. Mix Blend Mode
  3. Background Blend Mode
  4. Filtri
  5. Filtri Backdrop
10Tabelle
  1. Classi Tabelle
11Animazioni
  1. Trasformazioni
  2. Transizioni
  3. Animazioni
  4. Esercizio Sezioni
12Interattività
  1. Accent Color
  2. Appearance
  3. Cursor
  4. Caret Color
  5. Resize
  6. Scroll Behavior e Snap
  7. Altre Classi
13SVG
  1. Classi per SVG
14Configurazione
  1. Config File
  2. Content
  3. Theme
  4. Screens
  5. Colors
  6. Spacing
  7. Plugins
  8. Presets
15Plugin
  1. Plugin 4.0
  2. Typography
  3. Form
  4. Container Query
16Ecosistema
  1. Tailwind UI
  2. Heroicons, Headless UI, Heropatterns
  3. Librerie Componenti
  4. Tailscan
  5. Tools Online
17Avanzato
  1. Group
  2. Peer
  3. Children
  4. Has
  5. Attributi
  6. Pseudo Classi e Pseudo Elementi
  7. Layers
18Fine Corso
  1. Esercizo Finale Parte 1
  2. Esercizo Finale Parte 2
  3. Esercizo Finale Parte 3
  4. Prossimi Passi

Requisiti

Necessari

Consigliati