Web Componentsأساسي
Création d'un badge dynamique stylisé
السيناريو
Contexte : Une application affiche des statuts utilisateurs (actif, inactif, en attente). Le Problème : Les badges sont codés manuellement avec duplication de style. Contraintes : Utiliser un Web Component avec Shadow DOM pour encapsuler le style. Livrable attendu : Développer un composant <status-badge> acceptant un attribut status et adaptant son style en conséquence.
المهارات المستهدفة
webcomponentsshadowdomcomponentui
حالات تطبيقية أخرى في Web Components
- Conception d'un composant modal encapsulé avec gestion d'état interneمتقدم
- Conception d'un système de routing minimaliste avec Web Componentsخبير
- Création d'un composant carte produit dynamique avec template clonéمتقدم
- Conception d'un système de theming dynamique compatible Shadow DOMخبير
- Création d'un composant formulaire encapsulé avec validation interneمتقدم
- Création d'un composant data-driven avec mutation observerخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى