Le projet Print it m’a initié à JavaScript en me chargeant de dynamiser un site statique. J’ai exploré les fondamentaux de ce langage pour ajouter un carrousel interactif, en mettant à jour le code HTML et en utilisant Visual Studio Code et GitHub pour la gestion de projet.
- La mise à jour du code HTML a permis d'ajouter les flèches de navigation, éléments essentiels pour l'interactivité du carrousel.
- L'ajout d'event listeners en JavaScript a rendu les flèches interactives, permettant de gérer le changement des images au clic.
- La création de bullet points a amélioré l'expérience utilisateur en indiquant la diapositive en cours et en facilitant la navigation.
- La modification du slide au clic sur les flèches a permis de changer l'image et le texte correspondant, rendant le carrousel dynamique.
- La mise en place du défilement infini a assuré une expérience fluide et continue, en corrigeant les bugs et en permettant au carrousel de tourner en boucle.
La création d’un carrousel interactif en JavaScript a été le cœur de ce projet. J’ai exploré les fondamentaux de ce langage pour dynamiser un site statique, en mettant l’accent sur l’interactivité et l’expérience utilisateur.
// Interactivité avec JavaScript
J'ai utilisé JavaScript pour ajouter des event listeners, modifier les slides et mettre en place un défilement infini, rendant le carrousel interactif et engageant.
// Mise à jour du code HTML et CSS
J'ai mis à jour le code HTML pour ajouter les flèches de navigation et les bullet points, et j'ai utilisé CSS pour styliser le carrousel selon les spécifications du client.
// Gestion de projet avec Git et GitHub
J'ai utilisé Git et GitHub pour versionner mon code, ce qui m'a permis de suivre mes modifications et de collaborer efficacement.
Découvrez le code source de ce projet sur GitHub et explorez le site web en ligne pour voir le résultat final.
Github
Site