React – Design Systeme mit TailwindCSS und shadcn/ui

Für Unternehmen

Seminar als Inhouse-Seminar buchen

Eine der Kernkompetenzen von PROTRANET sind effiziente Inhouse Schulungen. Wählen Sie aus bestehenden Konzepten mit bewährten Inhalten (Inhouse Standard) oder lassen Sie sich maßgeschneiderte Inhalte zu Ihrem individuellen Bedarf (Inhouse Individuell) zusammenstellen. Wir beraten Sie gerne.

Ab
1071,00 € (1,274,49 € inkl. 19% MwSt.)

Preis auf Anfrage

Inhouse Standard
  • Langjährig erprobte und bewährte Inhalte
  • Topaktuelle Methodenvielfalt
  • Schnelle und unkomplizierte Umsetzung
  • Praxiserfahrene Trainer aus Ihrer Branche
  • Hochprofessionelles Seminarmanagement
Mehr erfahren
Inhouse Individuell
  • Maßgeschneidert für Ihr Unternehmen
  • Hohe Transferleistung durch Bearbeitung interner Projekte und Beispiele
  • Praxiserfahrene Trainer aus Ihrer Branche
  • Hochprofessionelles Seminarmanagement
Mehr erfahren

Schulungsinhalt

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

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.

Seminarziele

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.

Vorkenntnisse

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

Seminardauer

2 Tage

Preis

Präsenzseminar/FLEXINAR®:

1190,00 € (1,416,10 € inkl. 19% MwSt.)

LIVEINAR®:

1071,00 € (1,274,49 € inkl. 19% MwSt.)

Individual Training: Preis auf Anfrage
Inhouse Training: Preis auf Anfrage

Seminarnummer

W-3010



    Fehler: Kontaktformular wurde nicht gefunden.



      Ihr Berater

      Martin Heubeck
      Group Leader Sales

      Beratungszentrale und Buchungshotline:

      Kataloge

      Formate

      Dieses Seminar können Sie als Präsenzseminar, online als LIVEINAR® oder im flexiblen Mix als FLEXINAR® buchen.







       

      MEHR ERFAHREN

      Anmeldung

      Ab
      1071,00 € (1,274,49 € inkl. 19% MwSt.)



        Unverbindliche Anfrage

        Preis auf Anfrage

        Inhouse Standard
        • Langjährig erprobte und bewährte Inhalte
        • Topaktuelle Methodenvielfalt
        • Schnelle und unkomplizierte Umsetzung
        • Praxiserfahrene Trainer aus Ihrer Branche
        • Hochprofessionelles Seminarmanagement
        Mehr erfahren
        Inhouse Individuell
        • Maßgeschneidert für Ihr Unternehmen
        • Hohe Transferleistung durch Bearbeitung interner Projekte und Beispiele
        • Praxiserfahrene Trainer aus Ihrer Branche
        • Hochprofessionelles Seminarmanagement
        Mehr erfahren



          WIR BERATEN SIE GERNE

          Haben Sie noch Fragen?

          Informationen zu unseren Seminarbewertungen

          Woher kommen die Seminarbewertungen?

          Die Seminarteilnehmer bewerten unsere Veranstaltungen durch einen Bewertungsbogen. Dieser wird in unserem Qualitätsmanagement digitalisiert und ausgewertet. Die Ergebnisse werden Ihnen bei unseren Seminaren in Form eines Sternebewertungssystems angezeigt.

          Wie ergibt sich die Gesamtnote?

          Folgende Fragen werden in unseren Bewertungsbögen von unseren Teilnehmern mit einer Note von 1-6 bewertet. Daraus ergibt sich der Gesamt-Durchschnitt.

          • Der Dozent ist fachlich kompetent?
          • Der Dozent vermittelt den Lehrinhalt verständlich?
          • Der Dozent strukturiert die Vorträge gut?
          • Der Dozent geht intensiv auf die Fragen ein?
          • Der Dozent gestaltet den Kurs interessant?
          • Die Schulungsunterlagen sind gut verständlich?
          • Die Schulungsunterlagen sind gut strukturiert?
          • Die Schulungsunterlagen sind hilfreich bei meiner beruflichen Tätigkeit?
          • Der Kurs (Inhalte) war mir vorher bekannt?
          • Die Kursdauer ist an die Kursinhalte angepasst?
          • Das Arbeitstempo war zu schnell / zu langsam?
          • Es war ausreichend Zeit für praktische Übungen ?
          • Der Kurs (Inhalte) sollte weninger / mehr praktische Arbeiten beinhalten?
          • Der Kurs (Inhalte) erfüllte insgesamt meine Erwartungen ?
          • Die neuen Kenntnisse werden mir am Arbeitsplatz weiterhelfen?
          • Hat es Ihnen bei uns im Haus gefallen?

          Wenn Sie Fragen zu unseren Bewertungen haben, können Sie gerne Frau Italia Brillante unter unserer kostenlosen Telefonnummer 0800 3400311 (Freecall) anrufen oder eine E-Mail an italia.brillante@protranet.de senden.

          Italia Brillante,
          Trainingskoordination
          ist Mo – Fr 8:00 – 17:00 Uhr für Sie da.