Codekit

Objectif du projet

Ce travail consistait à développer ensemble, en classe, des composants que nous pourrions utiliser dans nos prochains projets. Dans un cours nous codions les bases en HTML, CSS et JavaScript et dans un autre cours nous animions ce code pour le rendre plus agréable visuellement.

Rétrospective

À la fin de chaque composant animé, nous devions le dupliquer pour l'animer d'une autre manière individuellement. On a pu apprendre plein de types d'animations différentes en les appliquant directement, ce qui m'aide à mieux les comprendre et à retenir leur fonctionnement.

Comme nous travaillions dans deux cours différents avec un intervalle de temps assez serré, on a aussi appris à utiliser GitHub. J'ai encore du mal à bien gérer son fonctionnement mais ce fut une découverte bien pratique.

Le résultat final

  • visuel de la progress bar que nous avons réalisé
  • visuel du slider que nous avons réalisé
  • visuel du système de tabs que nous avons réalisé

Créer des composants de base comme une sticky nav, un back to top, une progress bar, un burger menu, un slider, un système de tabs… nous permet de gagner du temps pour nos projets car le code de base est déjà écrit. Il nous suffit donc de juste le copier-coller et de l’adapter au niveau des couleurs, du contenu, parfois des animations pour qu’il corresponde à la DA (direction artistique) du projet.