Programme du jour

  1. Introduction
  2. Outil de check de la sémantique et CSS Grid
  3. Poursuite du mandat Design System
  4. Synthèse avant les vacances

Evaluation continue FD

<aside>

7 composants à coder sur 7 semaines

</aside>

  1. ✅ CTA
  2. ✅ Card
  3. ✅ Filters
  4. ✅ Navigation
  5. ✅ Hero
  6. ➡ Grille ⇒ Délai: Lundi 26 octobre, 20h (retour des vacances)

Rappel: Les personnes travaillant seul·e sur le mandat Design System n’ont pas à remettre de travail


Mandat Design System

Critère Points max Pondération
Respect du design produit
• Intégration de tous les composants et pages avec leurs contenus
• Respect visuel du design produit dans l’intégration 5 30 %
Structure du code
• Mise en place d’une méthodologie cohérente pour le (S)CSS
• Réflexion et intégration codée en composants
• Optimisation des formats d’images pour le web 5 25%
Responsive & Cross-browser
• Adaptation responsive du design (mobile entre 360px et 578px / desktop 1200px+)
**** • Intégration fonctionnelle sur les principaux navigateurs (Firefox, Safari, Chrome) 5 25%
Qualité sémantique et bonnes pratiques HTML
• Utilisation des balises HTML sémantiquement pertinentes
• Respect de la hiérarchie des titres
• Ajout de descriptions alternatives pour les images 5 10%
Métadonnées
• Ajout des informations nécessaires au partage du site 5 5%
Interactivité
• Intégration fonctionnelle et sans bugs 5 5%
total 100 %