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
Einführung
- Überblick über Tailwind CSS
Erste Schritte
- Tailwind CSS installieren
- Node.js installieren
- VS Code installieren
- Die Entwicklungsumgebung einrichten
Grundlagen von Tailwind CSS
- Tailwind CSS an HTML binden
- Container mit Utility-Klassen erstellen
- Breite- und Höhenattribute hinzufügen
- Funktionsweise von Flexbox verstehen
- Flex-Elemente umbruchfähig und skalierbar machen
- Gitter- und Reihenlayouts erstellen
- Datenfluss im Gitterlayout anpassen
- Aussenabstände zwischen Elementen hinzufügen und Elemente ausrichten
- Einzelne Elemente ausrichten
- Innenabstände und Aussenabstände zu Elementen hinzufügen
- Texte mit Tailwind-Utility-Klassen gestalten
- Rahmen hinzufügen und gestalten
- Schattierungen zu Elementen hinzufügen
- Breakpoints nutzen, um responsives Verhalten hinzuzufügen
- Pseudo-Selektoren verwenden
- Layer und Directive-Anweisungen
- Komponenten zur Code-Wiederverwendung einsetzen
Eine bessere Entwicklungsumgebung einrichten
- Mit dem Tailwind CLI eine passende Umgebung erstellen
- Directives und Funktionen
Zusammenfassung und nächste Schritte
Voraussetzungen
- Grundkenntnisse in HTML und CSS
Zielgruppe
- Entwicklerinnen und 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
