Formation métier & IT – Développement web et frontend
Design systems et Storybook
Design systems et Storybook en 6 heures : Construire une bibliothèque de composants, Design tokens et Documentation avec Storybook – concret, avec exercices et modèles pour votre quotidien.
- Durée
- 6 heures, une session
- Niveau
- Expert
- Format
- En ligne ou en présentiel
- Langue
- Allemand ou anglais
- Attestation
- Attestation de participation
Présentation
« Design systems et Storybook » est une formation compacte en direct dans le domaine Développement web et frontend. Elle se concentre sur Construire une bibliothèque de composants, Design tokens et Documentation avec Storybook, expliqués à partir d’exemples réalistes et approfondis par des exercices directement transposables à votre quotidien.
Les applications web modernes allient design, interactivité, performance et sécurité. Des frameworks comme React, Angular et Vue, complétés par un HTML et un CSS solides, des API et des outils de build, forment la boîte à outils des équipes frontend actuelles. Nos formations transmettent ces compétences de façon pratique : vous construisez des interfaces, raccordez des API, testez et optimisez pour la vitesse, l'accessibilité et la sécurité. Chaque formation dure une journée, se déroule en ligne ou sur site et s'appuie sur des projets préparés, pour consacrer le temps à l'essentiel : un frontend bien fait.
La formation se déroule en direct – en ligne dans une classe virtuelle ou en présentiel dans nos salles à Munich, Salzbourg, Berlin, Augsbourg, Hanovre, Brême, Stuttgart et Kaiserslautern. Nous pouvons également l’organiser en intra pour votre équipe.
Points clés de la formation
À qui s’adresse cette formation ?
- Développeurs frontend et fullstack
- Web designers intéressés par le code
- Développeurs backend créant des interfaces
- Chefs d'équipe et responsables UX
Objectifs pédagogiques
- Vous connaissez les points clés de Design systems et Storybook – Construire une bibliothèque de composants, Design tokens, Documentation avec Storybook, Versionnement et publication, Accessibilité des composants et Collaboration avec les équipes design – et savez les mettre en pratique.
- Vous réalisez des tâches avec Design systems et Storybook de façon structurée et maintenable.
- Vous raccordez proprement données et API à votre interface.
- Vous testez et optimisez votre application pour la vitesse et l'accessibilité.
- Vous évitez les failles de sécurité typiques lors de l'usage de Design systems et Storybook.
Programme
Module 1 Fondamentaux et concepts de Design systems et Storybook
- Place de Design systems et Storybook dans l'écosystème web
- Structure de projet, outils et serveur de développement
- Briques essentielles et vocabulaire
- Un premier exemple fonctionnel
Module 2 Points clés : Design systems et Storybook
- Construire une bibliothèque de composants
- Design tokens
- Documentation avec Storybook
- Versionnement et publication
- Accessibilité des composants
- Collaboration avec les équipes design
Module 3 Pratique : construire interfaces et logique
- Structurer composants ou pages
- Charger, afficher et traiter les données
- Formulaires, validation et interaction utilisateur
- Analyser les erreurs courantes dans le navigateur
Module 4 Qualité : tests, performance, accessibilité
- Tests automatisés pour Design systems et Storybook
- Mesurer et améliorer temps de chargement et rendu
- Prendre en compte l'accessibilité selon les WCAG
- Compatibilité entre navigateurs
Module 5 Sécurité, livraison et transfert
- Éviter les failles courantes comme XSS et CSRF
- Build, bundling et déploiement
- Intégration à des projets existants
- Parcours d'apprentissage complémentaires
Module 6 Transfert dans votre quotidien
- Exercice sur un cas réaliste
- Erreurs fréquentes et comment les éviter
- Check-list et modèles à emporter
- Questions ouvertes, perspectives et ressources pour aller plus loin
Prérequis
Des bases en HTML et CSS sont utiles ; pour les formations sur les frameworks, des notions de JavaScript sont attendues. Les formations d'initiation démarrent sans prérequis. Une solide expérience pratique du sujet est requise.
Prérequis techniques
Ordinateur portable avec navigateur récent ; nous fournissons éditeur, environnement d'exécution et projets d'exercice.
Dates & sites
Pour chaque site, nous proposons une date dans environ quatre semaines. Votre date souhaitée reste toujours possible.
- Munich ven. 11 décembre 2026 6 h Demander
- Salzbourg mer. 16 décembre 2026 6 h Demander
- Berlin ven. 11 décembre 2026 6 h Demander
- Augsbourg mar. 15 décembre 2026 6 h Demander
- Hanovre mar. 15 décembre 2026 6 h Demander
- Brême mar. 15 décembre 2026 6 h Demander
- Stuttgart lun. 14 décembre 2026 6 h Demander
- Kaiserslautern mer. 16 décembre 2026 6 h Demander
- En ligne mar. 15 décembre 2026 6 h Demander
Questions fréquentes
Quels prérequis pour Design systems et Storybook ?
Cela dépend du niveau. Les formations d'initiation ne demandent aucune expérience de programmation. Pour les formations sur les frameworks et avancées, vous devez connaître HTML, CSS et JavaScript dans les grandes lignes. Les thèmes clés de chaque formation précisent ce qui est supposé acquis.
Travaille-t-on sur nos propres projets dans Design systems et Storybook ?
Nous travaillons sur des projets d'exemple préparés, représentatifs de cas réels. Pour les groupes, nous pouvons adapter les exercices à votre stack technique. Inutile d'apporter votre propre code source ; si vous avez des questions précises, nous les traitons volontiers pendant la formation.
Combien coûte la formation « Design systems et Storybook » ?
La formation coûte 949 € HT forfaitaires par participant – en ligne comme en présentiel. Sont inclus 6 heures de formation en direct avec un formateur, les supports de cours, un environnement d’exercice et une attestation de participation.
Puis-je proposer ma propre date ?
Oui. Pour chaque site, nous proposons une date dans environ quatre semaines. Dans le formulaire, vous pouvez à tout moment indiquer librement la date ou la période souhaitée – nous vérifions les disponibilités et revenons vers vous sous un jour ouvré.
La formation a-t-elle lieu en ligne ou en présentiel ?
Les deux sont possibles : en direct dans une classe virtuelle ou en présentiel à Munich, Salzbourg, Berlin, Augsbourg, Hanovre, Brême, Stuttgart et Kaiserslautern. Nous pouvons aussi l’organiser en intra pour votre équipe.
La formation peut-elle être adaptée à notre équipe ?
Oui. Les formations sur mesure coûtent environ 4 500 € de plus, selon le sujet et après accord. Nous définissons ensemble au préalable les contenus, exemples et exercices.