Skip to content

FÜR EINZELPERSONEN

open
Logo

FÜR EINZELPERSONEN

open
Logo
FACHBEREICH
open
Logo
UNTERFACHBEREICH
open
Logo
UNTERFACHBEREICH
open
Logo
SEMINARE
open
Basic
Advanced
Expert
Sonstige Seminare
SEMINAR
W-3010
React
Background
2 Tage
Background
Standorte
Background
Termine

React - Design Systeme mit TailwindCSS und shadcn/ui

Kein Badge verfügbar.

Ihr Seminar buchen

Seminarinhalte

Ziele

open
In dieser Schulung lernen Sie, wie Sie ein flexibles und maßgeschneidertes Design-System für React-Anwendungen mit den Tools TailwindCSS und shadcn/ui aufbauen. Sie erhalten tiefgehende Einblicke in die Funktionsweise von shadcn/ui und erfahren, wie es sich von klassischen Komponentenbibliotheken unterscheidet. Zudem wird Ihnen gezeigt, wie shadcn/ui nahtlos in moderne React-Frameworks wie Next.js, Remix, Astro und Gatsby integriert werden kann, um eine hohe Flexibilität und Skalierbarkeit zu gewährleisten. Der Kurs vermittelt Ihnen auch die Grundlagen von TailwindCSS, einem leistungsstarken Utility-First-CSS-Framework, das die Entwicklung effizienter und anpassbarer Benutzeroberflächen ermöglicht. Sie lernen, wie Sie TailwindCSS optimal nutzen und mit shadcn/ui kombinieren, um ein Design-System zu erstellen, das sich flexibel erweitern lässt. Am Ende des Seminars sind Sie in der Lage, ein voll funktionsfähiges und anpassbares Design-System für React-Anwendungen zu entwickeln, das nicht nur Responsive Design und Dark Mode unterstützt, sondern auch individuelle Anpassungen durch Theming ermöglicht.

Inhalte

open
  • 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

open

Kein Badge verfügbar.

Vorkenntnisse

open
Die Voraussetzung zur Teilnahme ist grundlegendes Wissen in React. Erfahrung mit TailwindCSS ist von Vorteil, aber nicht zwingend erforderlich.

Zielgruppe

open
Dieser Kurs richtet sich an Webentwickler, die ihre Fähigkeiten in der Erstellung maßgeschneiderter Design-Systeme für React-Anwendungen mit TailwindCSS und shadcn/ui erweitern möchten.

Methoden

open
KONTAKT

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

open
„Im Beratungsprozess lege ich besonderen Wert darauf, die besonderen Bedürfnisse und Ziele Ihres Unternehmens genau zu verstehen. Gemeinsam mit Ihnen entwickle ich passgenaue Lösungen, die sowohl fachliche Anforderungen erfüllen als auch die persönliche Weiterentwicklung der Mitarbeitenden fördern – immer praxisnah und auf Augenhöhe.“
Background
Interesse an einem Inhouse-Seminar?
Wir bieten dieses Thema auch als geschlossenes Firmentraining an. Schulen Sie ganze Abteilungen auf einmal – inhaltlich perfekt an Ihren Bedarf angepasst. Führen Sie das Seminar flexibel in Ihren eigenen Räumen oder online durch und sparen Sie wertvolle Zeit sowie Reisekosten.

Inhouse-Angebot anfragen

open
Background
Mann mit Laptop
Seien Sie nicht nur am Ergebnis orientiert. Sondern auch am Erlebnis.
Manager Institut Swoosh
Top Seminare im Software- & Webentwicklung
C++ für C-Umsteiger
4 Bewertungen

Seminar entdecken

C Erweiterung und Vertiefung
4 Bewertungen

Seminar entdecken

Python Grundlagen-Seminar
4 Bewertungen

Seminar entdecken

Jakarta EE 9 - Kompakt
2 Bewertungen

Seminar entdecken

Java für Programmierumsteiger
2 Bewertungen

Seminar entdecken

Requirements Management / Anforderungsmanagement
2 Bewertungen

Seminar entdecken

TYPO3 CMS Integrator
2 Bewertungen

Seminar entdecken

SketchUp Kurs – 3D Grundlagen
1 Bewertung

Seminar entdecken

HTML/HTML5 – Basis
1 Bewertung

Seminar entdecken

Visual Basic .NET für Visual Basic Entwickler

Seminar entdecken

Visual Basic .NET für Einsteiger

Seminar entdecken

Programmieren mit ADO.NET

Seminar entdecken

Einführung in ASP.NET

Seminar entdecken

XML-basierte Web Lösungen

Seminar entdecken

Objektorientierte Programmierung und UML

Seminar entdecken

Visual Basic Kompaktkurs

Seminar entdecken

Design Patterns in Java

Seminar entdecken

Web Services mit JAX-WS

Seminar entdecken

JavaServer Pages für Internet Entwickler

Seminar entdecken

JME - Mobile Anwendungen mit Java

Seminar entdecken

Java und XML

Seminar entdecken

Unsere Bestsellerseminare
Manager University Logo
Werdet die agilen Managerinnen und Manager von morgen.
Ziel: Zertifizierter Abschluss, um sich klar am Markt vor den anderen positionieren zu können; nutzen Sie Ihre Aufstiegschance für Weiterführung Ihrer Karriere. Persönliche und fachspezifische Persönlichkeitsentwicklung.

ZUR MANAGER INSTITUT UNIVERSITY

open
MEINUNGEN