Formation Leaflet 12/12 - Exercice. Permettre à l'utilisateur de définir un itinéraire
Formation Leaflet 12/12 - Exercice. Permettre à l'utilisateur de définir un itinéraire
Créez une Galerie d’Images Interactive avec Effet Popup !
Vous souhaitez apprendre à créer une galerie d’images moderne et interactive en HTML, CSS et JavaScript ? Cette formation est faite pour vous ! 🎯
Objectifs de la formation
À travers ce cours, vous allez apprendre à concevoir une interface élégante et dynamique où chaque image peut être affichée en grand grâce à un effet de popup fluide et animé.
Ce que vous allez apprendre :
- âś… Structurer une page web en HTML đź“Ś
- âś… Styliser une galerie d’images avec CSS 🎨
- ✅ Ajouter des effets interactifs avec JavaScript ⚡
- âś… Créer un effet de popup animé pour afficher les images en grand 🖼️
- âś… Gérer les événements utilisateurs (clic, fermeture de popup, etc.) 🖱️
Pour qui est cette formation ?
- Débutants souhaitant apprendre les bases du développement web
- Designers voulant ajouter de l’interactivité à leurs projets
- Développeurs cherchant à renforcer leurs compétences en JavaScript
Pourquoi suivre cette formation ?
- 👉 Explication pas à pas, accessible à tous
- 👉 Un projet concret et réutilisable pour vos propres sites
- 👉 Un rendu moderne et professionnel
🔥 Rejoignez cette formation dès maintenant et créez votre propre galerie d’images interactive !
Pour aller plus loin :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place du HTML et des bases CSS
Mise en place du HTML et des bases CSS
Leçon 2
Mise en place d'une fenĂŞtre Popup
Mise en place d'une fenĂŞtre Popup
Leçon 3
Mettre en forme le contenu de la fenĂŞtre Popup
Mettre en forme le contenu de la fenĂŞtre Popup
Leçon 4
Mettre en place une animation CSS
Mettre en place une animation CSS
Leçon 5
Mettre en place le fonctionnement JavaScript
Mettre en place le fonctionnement JavaScript
Leçon 6
Afficher le titre et l'image dans la Popup
Afficher le titre et l'image dans la Popup
Leçon 7
Régler l'opacité
Régler l'opacité
Table des matières
Leçon 1Mise en place du HTML et des bases CSS
08m06
Leçon 2Mise en place d'une fenêtre Popup
05m17
Leçon 3Mettre en forme le contenu de la fenêtre Popup
07m53
Leçon 4Mettre en place une animation CSS
05m51
Leçon 5Mettre en place le fonctionnement JavaScript
05m29
Leçon 6Afficher le titre et l'image dans la Popup
06m16
Leçon 7Régler l'opacité
02m58
Aperçus
Avis des apprenants