Cet exercice a été réalisé dans le cadre de mon cours de développement web, et avait pour objectif de renforcer mes compétences en animation JavaScript. Le projet porte spécifiquement sur la simulation du mouvement des éoliennes en fonction de la vitesse du vent, que l'utilisateur peut ajuster en temps réel. En cliquant sur les boutons + et -, il est possible d'accélérer ou de ralentir la vitesse du vent, ce qui influence directement la rotation des pales des éoliennes. Ce projet m'a permis de mieux comprendre la gestion des événements en JavaScript, ainsi que l'impact des interactions utilisateurs sur les animations dynamiques. Il constitue un bon exemple de l'intégration de la logique métier et des éléments visuels dans une application web.

Ce projet, inspiré du célèbre jeu Fruit Ninja, a été développé dans le cadre de mon cours de développement web, avec un focus particulier sur l'interaction utilisateur et la gestion des événements en temps réel via JavaScript. Le jeu consiste à trancher des fruits à l’aide de gestes de glisser, simulant ainsi l'expérience tactile. Chaque fruit coupé rapporte des points, tandis que des pénalités sont appliquées si le joueur rate des fruits ou tranche une bombe. L'objectif de ce projet était de maîtriser l'implémentation des animations complexes, la détection des mouvements de la souris et la gestion de collisions en temps réel. Ce jeu m'a permis de mieux comprendre les aspects dynamiques de la conception web, en intégrant à la fois l'interactivité utilisateur et les effets visuels. Ce projet démontre ma capacité à développer des jeux web interactifs tout en garantissant une expérience utilisateur fluide et engageante.

Ce projet interactif de simulation d’un système solaire a été développé dans le cadre de mon cours de développement web. Il permet à l’utilisateur de créer et personnaliser un système solaire en ajoutant des étoiles et des planètes, avec la possibilité de choisir la couleur de chaque élément. L'interface offre un contrôle dynamique sur la taille et la couleur des planètes, ainsi que la vitesse de rotation des corps célestes. Ce projet avait pour but de renforcer mes compétences en JavaScript pour la gestion des animations et des transformations CSS, ainsi que d'améliorer l'interactivité en temps réel. En plus de la manipulation des événements, j'ai intégré des concepts physiques simplifiés pour rendre les mouvements planétaires plus réalistes. Ce projet m'a permis de combiner des éléments visuels interactifs avec une logique métier complexe, tout en garantissant une interface utilisateur fluide et réactive. C'est un excellent exemple d'une application web immersive et éducative qui explore les aspects graphiques et interactifs du développement web.

Ce projet interactif, développé dans le cadre de mon cours de développement web, simule un jeu où des ballons de football rebondissent lorsqu'ils sont touchés par la souris de l'utilisateur. Le concept repose sur la détection des collisions entre la souris et les ballons : tant que l'utilisateur interagit avec un ballon en le touchant, celui-ci continuera à rebondir. Ce projet visait à améliorer mes compétences en gestion d'événements en JavaScript, en particulier l'utilisation des événements de la souris pour créer des interactions dynamiques en temps réel. De plus, j'ai intégré des calculs physiques simplifiés pour simuler le rebond réaliste des ballons, y compris l'élasticité et la gravité. L'animation fluide et les réactions immédiates aux actions de l'utilisateur rendent ce projet captivant, en mettant l'accent sur l'interactivité et le plaisir du jeu. Ce projet démontre ma capacité à créer des jeux web qui combinent des éléments de physique avec une interface utilisateur réactive et engageante.

Ce projet web, inspiré du jeu classique Whack-a-Mole, a été développé en PHP dans le cadre de mon cours de développement web. Le jeu consiste à cliquer sur des taupes qui apparaissent de manière aléatoire à l'écran afin de marquer des points. Une des particularités de ce projet est la gestion des scores, qui sont enregistrés et conservés dans un historique, permettant aux joueurs de suivre leurs performances au fil du temps. L’intégration de la logique serveur via PHP m’a permis de gérer la persistance des données et de sauvegarder les scores dans une base de données. Ce projet m'a offert l'opportunité de combiner des éléments dynamiques front-end, gérés par JavaScript pour le comportement en temps réel, avec une logique back-end robuste en PHP pour le stockage des données. Ce jeu démontre ma capacité à créer des applications web complètes, mêlant interactivité et persistance des données, tout en garantissant une expérience utilisateur fluide et engageante.

Ce projet consiste en un convertisseur de texte en code Morse, développé dans le cadre de mon cours de développement web. L'utilisateur peut saisir des mots ou des phrases, et l'application les traduit instantanément en code Morse. Ce projet a été conçu pour offrir une interface simple et intuitive, où chaque caractère est converti en temps réel grâce à une logique JavaScript qui interprète chaque lettre, chiffre ou symbole. Ce convertisseur m'a permis de renforcer mes compétences en manipulation de chaînes de caractères et d'algorithmes de traduction en JavaScript. De plus, j'ai implémenté des fonctions supplémentaires, telles que la gestion des erreurs pour les caractères non reconnus, afin d'améliorer l'expérience utilisateur. Ce projet montre ma capacité à créer des applications web fonctionnelles et éducatives, tout en offrant une interface claire et réactive.

Ce projet est un système interactif de Post-it qui permet à l'utilisateur d'ajouter des mots ou des phrases via un champ de saisie. Chaque entrée apparaît sous forme de post-it, placée aléatoirement sur l'écran, avec le texte correspondant. De plus, un historique des notes est conservé, offrant à l'utilisateur la possibilité de consulter ou de restaurer les post-its précédemment ajoutés. Le projet intègre une combinaison de JavaScript pour la gestion des animations et des positions aléatoires, ainsi que PHP pour la persistance des données et le stockage des notes dans une base de données. Grâce à ce projet, j'ai pu approfondir mes compétences en gestion d'événements, manipulation DOM, et stockage de données côté serveur. Ce projet démontre ma capacité à créer des applications web interactives qui allient une interface utilisateur dynamique et une logique back-end solide pour le suivi et la gestion de contenu.

Ce projet représente la création et la publication de mon propre site web, développé grâce aux connaissances acquises lors de mes cours de développement web, ainsi qu'à mon autonomie et ma capacité à rechercher des informations de manière proactive. Mon site web sert de portfolio pour présenter mes différents projets, en intégrant des éléments interactifs et dynamiques à travers l'utilisation de technologies modernes telles que HTML, CSS, JavaScript et PHP. J'ai également mis en place un serveur et optimisé les performances du site pour garantir une expérience utilisateur fluide et rapide. Ce projet a été une opportunité unique pour approfondir mes compétences en gestion de projet web complet, depuis la conception initiale jusqu'au déploiement sur un serveur, tout en assurant la sécurité et l'accessibilité. Ce site est un témoignage de ma capacité à apprendre de manière autonome et à appliquer les concepts techniques dans un environnement réel.