TP2 | Étape 3 - Développement

Phases de développement

Squelette

D'abord, on doit mettre en place la structure HTML et y placer les informations, sans penser à l'esthétisme.

• En CSS, reproduire la structure de votre wireframe avec display: grid.
• Dans les endroits où il devrait y avoir des animations, graphiques, cartes, etc., ajouter des placeholders.

  Un placeholder, ça peut être une simple image, un contenu textuel, ou encore, un div avec certaines dimensions.

• Faire un commit + push

Fonctionnelle

Ensuite, on ajoute progressivement les technologies, une à la fois.

• Remplacer chaque placeholder par le code nécessaire pour faire fonctionner la technologie associée.

• Faire un commit + push

Dans le document de conception

• Inscrire l'endroit et comment ont été utilisées chacune des technologies (Bootstrap, Bootstrap-icons, Grid (CSS), AnimeJS, ChartJS, MapLibre, ZDog et Tone.js)
• Inscrire comment se concrétise l'aspect interactif dans le projet.

Fignolage

Enfin, on ajoute ou modifie tout ce qui est utile à l'esthétisme du projet : polices de caractères, image, styles CSS, etc.

• Finaliser l'aspect esthétique du projet
• Faire un commit + push