👩‍💻 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.

Commentaires

Connectez vous ou devenez un membre de Async pour rejoindre la conversation.
Entrez un mail ici pour recevoir un lien de connexion, super simple ⚡️