Dessert Shop – Épisode 3 : Affichage dynamique des produits (Vanilla JS)
Tuteur 2MD
0:00 / 0:00
Dessert Shop – Épisode 3 : Affichage dynamique des produits (Vanilla JS)
227 просмотров · 5 мес. назад
Tuteur 2MD
1,59 тыс. подписчиков
227 просмотров · 5 мес. назад
Bienvenue dans l’épisode 3 de la série Dessert Shop 🍨💻
Après avoir conçu la section Produits en HTML & CSS, on entre maintenant dans la partie dynamique du projet avec JavaScript Vanilla 🔥
Dans cet épisode, on transforme complètement l’affichage des produits :
➡️ les produits qui étaient écrits statiquement en HTML sont maintenant générés dynamiquement avec JavaScript à partir d’un fichier JSON.
Au programme :
✅ Chargement des données produits depuis un fichier JSON
✅ Génération dynamique des cartes produits avec JavaScript
✅ Utilisation de template literals pour créer le HTML
✅ Manipulation du DOM
✅ Gestion des événements avec Event Delegation
🎯 Objectif : apprendre à transformer une interface statique en une application dynamique avec JavaScript pur, sans framework.
📌 Méthode :
Regarde la vidéo → écoute les explications → écris le code → teste → comprends la logique.
💻 Voir tous les épisodes de la série Dessert Shop :
• De Zéro à Héros en HTML, CSS & JS : Découv...
🔔 Abonne-toi à la chaîne Tuteur 2MD pour suivre toute la série et progresser pas à pas :
/ @tuteur2md
💡 C’est en codant qu’on apprend à coder !