Schulungsübersicht

Einführung

  • Überblick über Tailwind CSS

Erste Schritte

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

Tailwind CSS Grundlagen

  • Anhängen Tailwind CSS mit HTML
  • Erstellen von Containern mit Utility-Klassen
  • Hinzufügen von Eigenschaften für Breite und Höhe
  • Verstehen, wie Flexbox funktioniert
  • Flexelemente umhüllen und in der Größe verändern
  • Raster und Zeilenlayout erstellen
  • Anpassen des Flusses von Elementen in einem Rasterlayout
  • Hinzufügen von Abständen zwischen Elementen und Ausrichten von Elementen
  • Einzelne Elemente ausrichten
  • Hinzufügen von Auffüllungen und Rändern zu Elementen
  • Text mit Hilfe von Tailwind Utility-Klassen stylen
  • Hinzufügen und Gestalten von Rändern
  • Hinzufügen von Schatten zu Elementen
  • Haltepunkte verwenden, um responsives Verhalten hinzuzufügen
  • Pseudo-Selektoren verwenden
  • Layer und Direktiven anwenden
  • Komponenten für die Wiederverwendung von Code verwenden

Einrichten einer besseren Entwicklungsumgebung

  • Erstellen einer Umgebung mit Tailwind CLI
  • Direktiven und Funktionen

Zusammenfassung und nächste Schritte

Voraussetzungen

  • Grundkenntnisse in HTML und CSS

Publikum

  • Entwickler
  7 Stunden
 

Teilnehmerzahl


Beginnt

Endet


Die Termine sind abhängig von der Verfügbarkeit und finden zwischen 09:30 und 16:30 statt.
Offene Schulungskurse erfordern mindestens 5 Teilnehmer.

Erfahrungsberichte (6)

Kombinierte Kurse

Verwandte Kategorien