Vielen Dank für die Zusendung Ihrer Anfrage! Eines unserer Teammitglieder wird Sie in Kürze kontaktieren.
Vielen Dank, dass Sie Ihre Buchung abgeschickt haben! Eines unserer Teammitglieder wird Sie in Kürze kontaktieren.
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
Erfahrungsberichte (2)
Praktisch, Übungen, persönliches Helfen und Fragenstellen.
Jose Paulos - INESC TEC
Kurs - Tailwind CSS
Maschinelle Übersetzung
Der Lehrer.
Jose Ferreira - INESC TEC
Kurs - Tailwind CSS
Maschinelle Übersetzung