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)