La genèse du projet
Dans le cadre d’un projet personnel, j’ai développé Typo Speed Test, un site web permettant aux utilisateurs de mesurer leur vitesse de frappe en mots par minute (WPM). Ce projet m’a permis de mettre en pratique mes compétences en développement web en utilisant HTML, CSS et JavaScript pour concevoir une application interactive et fluide.
Déscription du projet
L’objectif était de créer une expérience utilisateur
intuitive et dynamique, avec un affichage en temps réel des
performances de l’utilisateur. Pour cela, j’ai intégré un
mécanisme de détection et de calcul de la vitesse de frappe,
tout en veillant à optimiser l’interface pour une
utilisation responsive sur différents appareils.
Ce projet a été particulièrement formateur, car il m’a
permis d’améliorer mes compétences en JavaScript, notamment
dans la gestion des événements utilisateur et des
interactions dynamiques. J’ai également approfondi mon
utilisation du balisage sémantique et du CSS responsive,
afin de garantir une navigation fluide et accessible.
Pour conclure
Ce projet peut aller plus loin en ajoutant des statistiques plus détaillées ou un mode multijoueur pour comparer les performances entre utilisateurs. Néanmoins, Typo Speed Test m’a permis de développer une application web interactive de A à Z, et d’expérimenter différentes techniques d’optimisation en développement front-end.
Apprentissages critiques
- AC14.01 - Exploiter de manière autonome un environnement de développement efficace et productif
- AC14.02 - Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
- AC24.01 - Produire des pages et applications Web responsives
- AC24.03 - Intégrer, produire ou développer des interactions riches ou des dispositifs interactifs
Outils utilisés
HTML
CSS
JavaScript