Seminarkatalog

Komponenten visuell entwickeln, testen und dokumentieren

Erleben Sie die Kraft von Storybook, dem führenden Tool zur visuellen Entwicklung, Dokumentation und zum Testen von UI-Komponenten! In diesem 2-tägigen Intensivkurs lernen Sie, Storybook nahtlos in Ihre Projekte zu integrieren und Workflows effizient zu gestalten. Von der Erstellung interaktiver Stories über visuelles Testen bis hin zur Integration in CI/CD-Pipelines – wir vermitteln Ihnen das Know-how, um mit Storybook moderne und skalierbare Front-End-Architekturen zu meistern. Der Kurs verbindet Theorie, Live-Coding und praktische Übungen.

Profitieren Sie von praxisorientiertem Lernen, direktem Austausch mit erfahrenen Trainern und einem fundierten Blick auf Best Practices, die Ihre Projekte auf das nächste Level bringen!

Schulungsunterlagen:

• Präsentation im PDF-Format
• Zugriff auf ein GitHub-Repository mit Übungsaufgaben und dem Schulungsprojekt

Schulungsumgebung:

• Visual Studio Code
• Aktuelle Node.js-Version

Nach dem Kurs sind Sie in der Lage:

• Storybook zu installieren, zu konfigurieren und in bestehende Projekte zu integrieren
• Komponenten visuell zu entwickeln, zu testen und zu dokumentieren
• Storybook Add-ons zu nutzen, um Workflows zu optimieren
• Stories für unterschiedliche Zustände und Szenarien zu erstellen
• Automatische Tests mit Storybook und Tools wie Chromatic durchzuführen
• Storybook in CI/CD-Workflows einzubinden
• Storybook individuell anzupassen und Best Practices anzuwenden

• Was ist Storybook?
• Vorteile und Einsatzmöglichkeiten

• Einrichtung und grundlegende Konfiguration

• Struktur und Aufbau von Stories
• Erstellung von Stories für unterschiedliche Zustände und Variationen
• Interaktive Stories gestalten

• Detaillierte Dokumentation mit Storybook

• Visuelles Testen von Komponenten
• Erstellung von Komponententests
• Snapshots generieren und vergleichen
• Integration von Testing-Tools wie Jest oder Chromatic

• Einbindung von Storybook in CI/CD-Pipelines
• Automatisierte Tests und Überprüfung von Stories
• Deployment der Storybook-Dokumentation

• Organisation und Struktur von Stories
• Wiederverwendbarkeit von Konfigurationen
• Pflege und Aktualisierung von Stories

• Anpassung von Themes
• Erstellung eigener Pages
• Erweiterung für spezifische Projektanforderungen
• Optional: Entwicklung eigener Add-ons

• Kenntnisse in TypeScript
• Erfahrung mit einem der folgenden Frameworks: React, Vue oder Angular
• Optional: Grundkenntnisse in Testing-Tools wie Jest oder Cypress

• Webentwickler
• App-Entwickler

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Uhrzeiten

09:00–16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest – praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D