Storybook Komplettkurs

Kenntnisse in TypeScriptErfahrung mit einem der folgenden Frameworks: React, Vue oder AngularOptional: Grundkenntnisse in Testing-Tools wie Jest oder Cypress1. Einführung in Storybook

• Was ist Storybook?
• Vorteile und Einsatzmöglichkeiten

2. Installation und Setup

• Einrichtung und grundlegende Konfiguration

3. Stories erstellen

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

4. Dokumentation von Komponenten

• Detaillierte Dokumentation mit Storybook

5. Testing mit Storybook

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

6. CI/CD-Integration

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

7. Best Practices

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

8. Storybook erweitern

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

Hinweise

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Dukannst zwischen Live-Online und Vor Ort in unseren modernenSchulungszentren im D-A-CH Raum wählen. Beide Formategarantieren dir die gleiche hohe Qualität und interaktiveLernerfahrung.

Schulungsarten

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

Uhrzeiten

09:00-16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernstdu direkt mit den Tools und Features, die du auch indeinem Arbeitsalltag verwendest - praxisnah undzukunftsorientiert. Bei Inhouse- und Firmenschulungenbestimmt ihr die Version.

D

Zielgruppen

• Webentwickler
• App-Entwickler