Formation JavaScript - Intégrer les Web Components (Custom Elements)

Notation 4.5 sur 5 étoiles 4.5 / 5

Apprenez à créer et intégrer des Web Components (Custom Elements) en JavaScript pour développer des interfaces réutilisables, modulaires et compatibles avec tous les frameworks.

Objectifs de la formation

  • Comprendre les standards Web Components et leur utilité
  • Créer des Custom Elements avec un cycle de vie complet
  • Utiliser le Shadow DOM pour isoler les styles et le DOM
  • Concevoir des composants réutilisables et modulaires
  • Intégrer des Web Components dans tout type de projet

Prérequis à la formation

  • Bonne maîtrise de JavaScript ES6+ et des bases du DOM.
  • Connaissances en HTML/CSS indispensables.

Notre plan de formation

Ce plan peut être adapté à votre demande en formation sur mesure INTRA.

Module 1 : Introduction aux Web Components
  • Définition et avantages des Web Components
  • Les standards W3C : Custom Elements, Shadow DOM, Templates
  • Compatibilité navigateurs et polyfills
Module 2 : Création de Custom Elements
  • Étendre HTMLElement et déclarer un élément personnalisé
  • Cycle de vie des composants (connectedCallback, attributeChangedCallback)
  • Gestion des attributs et propriétés
Module 3 : Shadow DOM et encapsulation
  • Créer des styles isolés et un DOM interne
  • Communication entre composants et accès au DOM global
  • Gérer la sécurité et l’isolation des composants
Module 4 : Templates, slots et composition
  • Utilisation des balises