SEMINAR

W-3010

React

2 Tage

Standorte

Termine

React - Design Systeme mit TailwindCSS und shadcn/ui

Kein Badge verfügbar.

Ihren Wunschtermin finden

Praxisnahe Seminare, die Ihren Berufsalltag spürbar erleichtern

SEMINARINHALTE

Das erwartet Sie

Ziele

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.

Inhalt

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

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

Zielgruppe

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

Seien Sie nicht nur am Ergebnis orientiert. Sondern auch am Erlebnis.

Unsere Bestsellerseminare

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

Kontakt

TELEFON

+49 800 3060303

FAX

+49 800 3060303 33

MAIL

beratung@manager-institut.de

MARTIN HEUBECK

Sales Gruppenseminare und Inhouse Standard
Mo - Fr 8:00 - 17:00 Uhr
Martin.Heubeck@
manager-institut.de

BERATUNGSTERMIN BUCHEN

ITALIA BRILLANTE

Group Leader Inhouse und Seminarmanagement
Mo - Fr 8:00 - 17:00 Uhr
Italia.Brillante@
manager-institut.de

BERATUNGSTERMIN BUCHEN

TUGBA PAMUKCUOGLU

Seminarmanager
Mo - Fr 8:00 - 17:00 Uhr
Tugba.Pamukcuoglu@
manager-institut.de

BERATUNGSTERMIN BUCHEN

JESSICA GERSTENLAUER

Junior Seminarmanager
Mo - Fr 8:00 - 17:00 Uhr
Jessica.Gerstenlauer@
manager-institut.de

BERATUNGSTERMIN BUCHEN

FAYZULLAKHON UMAROV

Seminar and Finance Coordinator
Mo - Fr 8:00 - 17:00 Uhr
Fayzullakhon.Umarov@
manager-institut.de

BERATUNGSTERMIN BUCHEN

SIMONE HABERGER-ZAHN

Finance Manager
Mo - Fr 8:00 - 17:00 Uhr
Buchhaltung@
manager-institut.de

BERATUNGSTERMIN BUCHEN

ANNA HENNING

Marketing Manager
Mo - Fr 8:00 - 17:00 Uhr
Anna.Henning@
www.manager-institut.de

BERATUNGSTERMIN BUCHEN

MEINUNGEN

Beim Seminar habe ich die tolle Atmosphäre mit dem Dozenten und den Seminarteilnehmern sehr geschätzt. Die kleine Teilnehmerzahl ließ zudem viel Raum für Fragen.

Frau Jäger, SBK Siemens-Betriebskrankenkasse

Das Seminar wurde in einer kleinen Gruppe durchgeführt und dadurch kam es zu einer intensiven Betreuung aller Teilnehmer.

Herr Gabriel, Airbus DS Airborne Solutions GmbH, Bremen

Das Seminar war sehr aufschlussreich und interessant. Die Referentin hat eine sehr angenehme Art der Wissensvermittlung.

Frau Müller, Carl Zeiss AG, Oberkochen

Ich kann das Training nur weiterempfehlen. Der Dozent hat mir gute Tools mitgegeben, die ich wöchentlich nutze. Er ist ein sehr angenehmer Trainer. Er hat also meine Erwartungen übertroffen.

Frau Parmentier, BSH Hausgeräte GmbH, München