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 Umgebung einrichten
Tailwind CSS-Grundlagen
- Einbindung von Tailwind CSS in HTML
- Erstellung von Containern mit Utility-Klassen
- Hinzufügen von Breiten- und Höhenangaben
- Verstehen der Funktionsweise von Flexbox
- Flex-Items umbrechen und in der Größe anpassen
- Erstellung von Grid- und Reihen-Layouts
- Anpassen des Flussverhaltens von Elementen im Grid-Layout
- Hinzufügen von Abständen zwischen Items sowie Justierung
- Individuelle Justierung einzelner Items
- Hinzufügen von Padding und Margins zu Elementen
- Textgestaltungen mit Tailwind-Utility-Klassen vornehmen
- Ränder hinzufügen und gestalten
- Schatten auf Elemente anwenden
- Breakpoints zur Implementierung responsiver Funktionen nutzen
- Pseudo-Auswähler verwenden
- Layer- und Apply-Direktiven
- Komponenten zur Code-Wiederverwendung einsetzen
Einrichten einer besseren Entwicklungsumgebung
- Erstellen einer Umgebung mit Tailwind CLI
- Direktiven und Funktionen
Zusammenfassung und weitere 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
