Corso di formazione Tailwind CSS

Introduzione

• Panoramica generale su Tailwind CSS

Avvio del lavoro

• Installazione di Tailwind CSS
• Installazione di Node.js
• Installazione di VS Code
• Configurazione dell’ambiente di sviluppo

Nozioni fondamentali di Tailwind CSS

• Integrazione di Tailwind CSS nel codice HTML
• Creazione di contenitori mediante classi utility
• Definizione delle dimensioni degli elementi (larghezza e altezza)
• Fondamenti del funzionamento di Flexbox
• Gestione del wrapping e ridimensionamento degli elementi flex
• Realizzazione di layout a griglia e righe
• Controllo dell’orientamento degli elementi all’interno di una griglia
• Aggiunta di spazi tra gli elementi e gestione del loro allineamento
• Allineamento individuale degli elementi grafici
• Inserimento di padding e margini negli elementi HTML
• Formattazione testuale tramite le classi utility di Tailwind
• Aggiunta e modifica dei bordi degli elementi grafici
• Inserimento di ombre sugli elementi HTML
• Impiego dei breakpoint per realizzare layout responsivi
• Utilizzo delle pseudo-classi in Tailwind CSS
• Gestione degli strati e applicazione di direttive nel framework
• Creazione di componenti riutilizzabili per ottimizzare il codice

Perfezionamento dell’ambiente di sviluppo

• Creazione di un ambiente di lavoro professionale con Tailwind CLI
• Comprensione delle direttive e delle funzioni principali del framework

Sintesi finale e prossimi passi da intraprendere