Schulungsübersicht
Einführung
- Überblick über Tailwind CSS
Erste Schritte
- Installation von Tailwind CSS
- Installation von Node
- Installation von VS Code
- Einrichten der Umgebung
Tailwind CSS Grundlagen
- Anbinden von Tailwind CSS an HTML
- Erstellen von Containern mit Utility-Klassen
- Hinzufügen von Breiten- und Höhen-Eigenschaften
- Verstehen, wie Flexbox funktioniert
- Brechen und Vergrößern von Flex-Elementen
- Erstellen von Grid- und Zeilen-Layouts
- Anpassen des Flusses von Elementen in einem Grid-Layout
- Hinzufügen von Abständen zwischen und Ausrichtung von Elementen
- Ausrichten einzelner Elemente
- Adding padding and margins to elements
- Stilisierung von Text mit Tailwind-Utility-Klassen
- Hinzufügen und Stilisierung von Rahmen
- Hinzufügen von Schatten zu Elementen
- Nutzen von Breakpoints für responsive Verhalten
- Verwendung von Pseudo-Selektoren
- Layer und apply Direktiven
- Verwenden von Komponenten zur Wiederverwendung von Code
Einrichtung einer besseren Entwicklungsgebung
- Erstellen einer Umgebung mit Tailwind CLI
- Direktiven und Funktionen
Zusammenfassung und weitere Schritte
Voraussetzungen
- Grundkenntnisse in HTML und CSS
Zielgruppe
- Entwickler
Erfahrungsberichte (4)
Programmieraufgaben
Kesh - Vodacom
Kurs - HTML5, JavaScript, and CSS4
Maschinelle Übersetzung
Trainingsstil des Trainers
Fatma Badi - Dubai Electricity and Water Authority
Kurs - Front End Developer
Maschinelle Übersetzung
Die Konsole im Webumfeld zeigt mir, wie ich die Navigation und den Historienzugriff sowie die Browser-API nutzen kann. Sie erläutert die Funktionen jedes Elements in den Vorlagen ausführlich.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Kurs - HTML5, JavaScript, and CSS3
Maschinelle Übersetzung
I was benefit from the step by step and in detail guidance of the trainer.
Tam Jia Jun
Kurs - Angular 4: Create single-page applications using HTML, CSS, and JavaScript
Maschinelle Übersetzung