React - Design Systeme mit TailwindCSS und shadcn/ui
Kein Badge verfügbar.
Ihr Seminar buchen
Seminarinhalte
Ziele
Inhalte
- Einführung in das shadcn/ui Framework
- Abgrenzung zu herkömmlichen Komponentenbibliotheken
- Unterstützte React-Frameworks wie Next.js, Remix, Astro und Gatsby
- Basis-Technologien für die Entwicklung
- Nutzung von Radix UI
- Grundlagen von TailwindCSS
- Prinzipien des Utility-First-Ansatzes
- Anwendung von Modifikatoren wie Hover und Focus
- Gestaltung von responsive Layouts
- Implementierung von Dark Mode
- Anpassung und Erweiterung von Themes
- Funktionen und Directives von TailwindCSS
- Installation von shadcn/ui
- Wichtige TailwindCSS-Klassen und deren Anwendung
- Layoutgestaltung mit Flexbox und Grid
- Umgang mit Abständen und Größen in TailwindCSS
- Typographische Gestaltung und Textformatierung
- Arbeiten mit Hintergründen und Rändern
- Schritt-für-Schritt-Anleitung zur Installation und Konfiguration von shadcn/ui
- Erstellung und Anwendung von Themes und Dark Mode
- Grundlegende Konzepte von shadcn/ui
- Integration neuer Komponenten in ein Design-System
- Überblick über verfügbare Komponenten im shadcn/ui Framework
- Erstellung von Komponentenvarianten
- Anpassungen von Komponenten durch Sprache mit v0 (LLM)
Badge
Kein Badge verfügbar.
Vorkenntnisse
Zielgruppe
Methoden
Martin Heubeck
Sales Gruppenseminare und Inhouse
Mo – Fr 8:00 – 17:00 Uhr
E-Mail senden
+49 891 22216949
+49 800 3060303
JETZT UNVERBINDLICHEN BERATUNGSTERMIN BUCHEN