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
Erfahrungsberichte (4)
Kodierübungen
Kesh - Vodacom
Kurs - HTML5, JavaScript, and CSS4
Maschinelle Übersetzung
Stil des Trainers beim Unterrichten
Fatma Badi - Dubai Electricity and Water Authority
Kurs - Front End Developer
Maschinelle Übersetzung
Konsole im Web-Umfeld ermöglicht es mir zu navigieren und die Geschichte sowie Browser-APIs zu überprüfen. Es erklärt gut die richtigen Funktionen jedes Elements in den Vorlagen.
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