đŸ‘©â€đŸ’» Consignes Challenge 2 Dev - B1 BDDI 2022

đŸ‘©â€đŸ’» Consignes Challenge 2 Dev  - B1 BDDI 2022
L'Ecole By CCI, Gobelins Annecy 2022

DĂ©velopper une animation

  • Fin du challenge ⌛ : 14 FĂ©vrier 2022
  • DĂ©veloppement : HTML + CSS + Javascript
  • Rendu : Fichier .zip avec les fichiers de votre projet ou 🔗 lien vers un repertoire git public

Pour intĂ©grer une maquette, il faudra Ă©galement ĂȘtre capable de crĂ©er des animations, et donc de les dĂ©velopper. Pour cela il existe des outils.

Pour ce challenge vous devrez développer une animation simple mais qui a son lot de subtilités.

Vous devrez respecter ce que l'on appelle le "easing" c'est à dire la formule mathématique permettant de rendre une animation "douce" à l'oeil. Mais aussi un temps d'animation cohérent ainsi que de conserver une interaction avec l'objet qui bouge.

L'animation à intégrer

✅ Étapes à respecter

  • CrĂ©ez un projet web simple HTML + CSS (un fichier index.html, un fichier style.css)
  • Utiliser une bibliothĂšque d'animation tel que AnimeJS. https://animejs.com/, mais vous ĂȘtes libre d'en utiliser d'autres.
  • Rajouter un compteur de "clique ratĂ©" indiquant combien de fois l'utilisateur Ă  essayĂ© de cliquer sur le bouton.
  • Au bout de x cliques ratĂ©s laissez l'utilisateur cliquer et envoyer le sur un site de votre choix.

Ressources Ă  consulter

đŸ„‡ Podium

Pour Ă©tablir le podium, chaque participant devra voter pour la/les meilleure(s) production(s).

Vous aurez tous 5 points Ă  distribuer, avec Coralie nous aurons chacun 10 points Ă  distribuer.

Ce travail compte dans votre évaluation professionnel sur l'année.