Formation métier & IT – Développement web et frontend

Web Components

Maîtrisez Web Components en 6 heures : Custom elements, Shadow DOM et Templates HTML et slots, en direct avec un formateur, en ligne ou en présentiel.

Durée
6 heures, une session
Niveau
Perfectionnement
Format
En ligne ou en présentiel
Langue
Allemand ou anglais
Attestation
Attestation de participation

Présentation

« Web Components » s’adresse à des profils comme Développeurs frontend et fullstack et Web designers intéressés par le code. En 6 heures, vous abordez de façon structurée Custom elements, Shadow DOM et Templates HTML et slots – avec beaucoup de pratique et du temps pour vos questions.

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

Custom elementsShadow DOMTemplates HTML et slotsAperçu de LitStratégies de styleUsage dans les frameworks

À 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 Web Components – Custom elements, Shadow DOM, Templates HTML et slots, Aperçu de Lit, Stratégies de style et Usage dans les frameworks – et savez les mettre en pratique.
  • Vous réalisez des tâches avec Web Components 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 Web Components.

Programme

Module 1 Fondamentaux et concepts de Web Components
  • Place de Web Components 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 : Web Components
  • Custom elements
  • Shadow DOM
  • Templates HTML et slots
  • Aperçu de Lit
  • Stratégies de style
  • Usage dans les frameworks
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 Web Components
  • 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. Des connaissances de base du sujet sont utiles.

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 lun. 14 décembre 2026 6 h Demander
  • Salzbourg jeu. 10 décembre 2026 6 h Demander
  • Berlin mer. 16 décembre 2026 6 h Demander
  • Augsbourg mar. 15 décembre 2026 6 h Demander
  • Hanovre ven. 11 décembre 2026 6 h Demander
  • Brême jeu. 10 décembre 2026 6 h Demander
  • Stuttgart ven. 11 décembre 2026 6 h Demander
  • Kaiserslautern mar. 15 décembre 2026 6 h Demander
  • En ligne ven. 11 décembre 2026 6 h Demander

Questions fréquentes

Quels prérequis pour Web Components ?

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 Web Components ?

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 « Web Components » ?

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.

Autres formations : Développement web et frontend

Les 28 formations : Développement web et frontend