Web Components
Avancé
Création d'un composant carte produit dynamique avec template cloné
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
webcomponents
template
shadowdom
ecommerce
component
Scénario Technique
Contexte : Une page e-commerce doit générer dynamiquement plusieurs cartes produits. Le Problème : Le HTML est injecté via innerHTML rendant le code difficile à maintenir. Contraintes : Utiliser la balise <template> et Shadow DOM. Livrable attendu : Implémenter un composant <product-card> clonant un template et acceptant des attributs dynamiques.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.