Les composants Web (Web components en anglais) sont des éléments HTML5 personnalisés dont le comportement est défini en JavaScript. Ces éléments ne font pas partie du langage HTML, mais tous les navigateurs sont capables de les interpréter à l'aide des instructions JavaScript qui les composent. Les composants Web sont utilisables dans n'importe quelle page Web ou dans n'importe quel framework tel que Angular, React ou Vue par exemple. Les composants Web n'ont besoin d'aucune bibliothèque externe : ils se suffisent à eux-mêmes. Ils sont construits à l'aide d'instructions JavaScript selon la norme ECMAScript 6.

Ce manuel va vous montrer comment construire vos propres composants Web, pas à pas, en partant de zéro. Pour pouvoir la suivre dans de bonnes conditions, vous devez avoir des connaissances en HTML, CSS et JavaScript. Je suppose que vous avez déjà quelques connaissances en HTML et en CSS. Si vous n'avez pas encore les bases du langage JavaScript, je vous suggère de suivre la formation Udemy "JavaScript pour débutants" qui vous montrera comment JavaScript peut dynamiser les pages Web en agissant sur le HTML et le CSS qui les compose.