Aller au contenu principal

Storybook

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000212572
Organisme responsable : Human Coders (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

  • Comprendre et installer Storybook dans un projet front-end
  • Créer, documenter et tester des composants UI
  • Organiser et optimiser sa librairie Storybook pour un projet collaboratif
  • Intégrer Storybook dans un workflow moderne avec CI/CD

Programme de la formation

Cette formation de 2 jours sur Storybook initie les participants à la documentation, au test et à l'organisation de composants UI dans un workflow front-end moderne, en s'adaptant à React, Vue ou Angular. Le Jour 1 pose les bases avec la présentation de l'outil, son installation et configuration, la création de stories interactives, leur organisation et personnalisation via addons et MDX. Le Jour 2 approfondit les tests visuels (Jest, Chromatic), l'accessibilité (addon…

Cette formation de 2 jours sur Storybook initie les participants à la documentation, au test et à l'organisation de composants UI dans un workflow front-end moderne, en s'adaptant à React, Vue ou Angular. Le Jour 1 pose les bases avec la présentation de l'outil, son installation et configuration, la création de stories interactives, leur organisation et personnalisation via addons et MDX. Le Jour 2 approfondit les tests visuels (Jest, Chromatic), l'accessibilité (addon A11y), l'intégration dans un design system et le déploiement avec CI/CD (GitHub Actions, Vercel). Les méthodes d'apprentissage reposent sur des exercices pratiques intensifs : installation sur projet existant, documentation de composants (bouton, modal), création de mini-design system, tests et déploiement réel. Prérequis : bases solides en développement front-end et maîtrise d'un framework (React, Vue ou Angular). À l'issue, les participants maîtrisent les bonnes pratiques pour une librairie de composants robuste, collaborative et automatisée, favorisant une progression de la théorie à la mise en situation professionnelle.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Financement

Conventionnement
Non

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

-

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

11bis Passage Doisy
75017 Paris 17e

Responsable : Human Coders

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
Human Coders
75017 Paris 17e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates fixes