Schulungsübersicht

Einführung

  • Überblick über Tailwind CSS

Erste Schritte

  • Installation von Tailwind CSS
  • Installation von Node
  • Installation von VS Code
  • Einrichten der Umgebung

Tailwind CSS Grundlagen

  • Anbinden von Tailwind CSS an HTML
  • Erstellen von Containern mit Utility-Klassen
  • Hinzufügen von Breiten- und Höhen-Eigenschaften
  • Verstehen, wie Flexbox funktioniert
  • Brechen und Vergrößern von Flex-Elementen
  • Erstellen von Grid- und Zeilen-Layouts
  • Anpassen des Flusses von Elementen in einem Grid-Layout
  • Hinzufügen von Abständen zwischen und Ausrichtung von Elementen
  • Ausrichten einzelner Elemente
  • Adding padding and margins to elements
  • Stilisierung von Text mit Tailwind-Utility-Klassen
  • Hinzufügen und Stilisierung von Rahmen
  • Hinzufügen von Schatten zu Elementen
  • Nutzen von Breakpoints für responsive Verhalten
  • Verwendung von Pseudo-Selektoren
  • Layer und apply Direktiven
  • Verwenden von Komponenten zur Wiederverwendung von Code

Einrichtung einer besseren Entwicklungsgebung

  • Erstellen einer Umgebung mit Tailwind CLI
  • Direktiven und Funktionen

Zusammenfassung und weitere Schritte

Voraussetzungen

  • Grundkenntnisse in HTML und CSS

Zielgruppe

  • Entwickler
 7 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (4)

Kommende Kurse

Verwandte Kategorien