Struttura del corso
Introduzione
- Panoramica di Tailwind CSS
Inizio Rapido
- Installazione di Tailwind CSS
- Installazione di Node
- Installazione di VS Code
- Configurazione dell'ambiente
Nozioni Base di Tailwind CSS
- Collegamento di Tailwind CSS con HTML
- Creazione di contenitori con classi utilità
- Aggiunta di larghezza e altezza alle proprietà
- Comprensione del funzionamento di Flexbox
- Involgimento e ridimensionamento degli elementi flessibili
- Creazione di layout griglia e riga
- Ajustment della disposizione degli elementi in un layout a griglia
- Aggiunta di spaziatura tra gli elementi e allineamento giustificato
- Allineamento individuale di elementi
- Aggiunta di padding e margini agli elementi
- Stilizzazione del testo utilizzando le classi utilità di Tailwind
- Aggiunta e stilizzazione dei bordi
- Aggiunta di ombre agli elementi
- Utilizzo di breakpoint per aggiungere comportamento responsivo
- Utilizzo di selettori pseudo
- Direttive e applicazioni
- Utilizzo di componenti per la riutilizzazione del codice
Configurazione di un Migliore Ambiente di Sviluppo
- Creazione di un ambiente con Tailwind CLI
- Direttive e Funzioni
Riassunto e Passi Successivi
Requisiti
- Conoscenze basilari di HTML e CSS
Pubblico Obiettivo
- Sviluppatori
Recensioni (4)
esercizi di programmazione
Kesh - Vodacom
Corso - HTML5, JavaScript, and CSS4
Traduzione automatica
Stile di insegnamento del formatore
Fatma Badi - Dubai Electricity and Water Authority
Corso - Front End Developer
Traduzione automatica
La parte della console nell'ambiente web mi permette di navigare e controllare la cronologia, utilizzando le API del browser. Spiega bene le funzioni appropriate di ogni elemento nei template.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Corso - HTML5, JavaScript, and CSS3
Traduzione automatica
I was benefit from the step by step and in detail guidance of the trainer.
Tam Jia Jun
Corso - Angular 4: Create single-page applications using HTML, CSS, and JavaScript
Traduzione automatica