IT-Trainer Jobs und Stellenangebote: React - Design Systeme mit TailwindCSS und shadcn/ui
Seminardauer: 2 Tage
Trainer gesucht
IT-Trainer Jobs und Stellenangebote: React - Design Systeme mit TailwindCSS und shadcn/ui, Facebook, Framework, Preact, React, shadcn/ui, Softwareentwickler, Tailwind CSS, Webentwicklung.
Anmelden / Registrieren als Trainer
Agenda
Einführung in shadcn/ui
- Unterschied zu Komponenten Libraries
- Unterstütze React Frameworks (Next.js, Remix, Astro, Gatsby)
- Basis Technologien
- radix UI
TailwindCSS Grundlagen
- Utility-First Grundlagen
- Modifiers: hover, focus
- Responsive Design
- Dark Mode
- Theme Anpassung
- Funktionen und Directives
- Installieren
Wichtige TailwindCSS Klassen
- Flexbox & Grid
- Spacing
- Sizing
- Typographie
- Hintergründe
- Ränder
Installation von shadcn/ui
- Installieren und Konfigurieren
- Theming
- Dark Mode
Grundlegende Konzepte von shadcn/ui
- Hinzufügen von neuen Komponenten zum Design System
- Verfügbare Komponenten
- Anlegen von Komponenten Varianten
- Anpassungen per Sprache mit v0 (LLM)