Kontakt aufnehmen

Schulungsübersicht

Einleitung

  • Überblick über Tailwind CSS

Erste Schritte

  • Tailwind CSS installieren
  • Node installieren
  • VS Code installieren
  • Die Entwicklungsumgebung einrichten

Grundlagen von Tailwind CSS

  • Tailwind CSS in HTML integrieren
  • Container mithilfe von Utility-Klassen erstellen
  • Breiten- und Höhen-Eigenschaften festlegen
  • Funktionen des Flexbox-Modells verstehen
  • Flex-Elemente umfassen und neu ausrichten
  • Grid- und Zeilenlayouts gestalten
  • Anordnung von Elementen innerhalb eines Grid-Layouts anpassen
  • Abstände zwischen Elementen einstellen und diese ausrichten
  • Einzelne Elemente positionieren
  • Padding- und Margin-Eigenschaften verwenden
  • Text mithilfe von Tailwind-Utility-Klassen stylen
  • Ränder hinzufügen und gestalten
  • Elemente mit Schatten versehen
  • Breakpoints zur Erstellung responsiver Designs nutzen
  • Pseudo-Selector effektvoll einsetzen
  • Layer- und Apply-Direktiven verwenden
  • Komponenten zur Code-Wiederverwendung erstellen

Eine verbesserte Entwicklungsumgebung einrichten

  • Ein Umfeld mit Tailwind CLI aufbauen
  • Direktiven und Funktionen von Tailwind CSS verstehen

Zusammenfassung sowie weitere Schritte

Voraussetzungen

  • Grundkenntnisse in HTML und CSS

Zielgruppe

  • Entwickler
 7 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (2)

Kommende Kurse

Verwandte Kategorien