Frontend · HTML / CSS

Évaluation continue obligatoire (minimum 4 composants sur 7)

Travail individuel · Note sur 6 · Coefficient 1

</aside>

Chaque semaine, un nouveau composant est à coder en autonomie, en dehors des heures de cours. Il s'agit de composants HTML et CSS uniquement, aucun JavaScript n'est requis.

Objectifs

Réactiver les notions Frontend, sans attendre le projet de groupe pour les mettre en pratique
Développer l'autonomie, en travaillant seul·e sur un exercice cadré mais sans supervision directe
Construire progressivement un mini design system, en réutilisant les composants déjà codés les semaines précédentes plutôt que de tout recommencer à chaque fois

Notions (re)activées

Sélecteurs CSS et styles d’état
Structure du CSS, variables et unités
CSS Flexbox et Grid
Gestion des images et icônes
Formulaires
HTML sémantique
Mise en ligne

Un exercice obligatoire, avec de la flexibilité

Ces composants sont à rendre chaque semaine. Pour tenir compte des imprévus (maladie, surcharge ponctuelle), seuls 4 rendus sur 7 sont exigés au minimum : vous pouvez donc manquer jusqu'à 3 semaines sans pénalité.

<aside> ⚠️

En dessous du minimum de 4 composants rendus

Si vous rendez moins de 4 composants sur le semestre, votre note finale est calculée sur la moyenne des composants effectivement rendus, et la note de 1 est mis aux composants non rendus.

Par exemple, avec seulement 2 composants rendus, la moyenne est celle des 2 composants rendus, ainsi que de deux 1. Si aucun composant n'est rendu, la note est de 1.

</aside>

<aside> 🔥

Un bonus pour les plus motivé·es

Si vous rendez les 7 composants, un bonus de +0.2 est ajouté à votre note finale (plafonnée à 6).

</aside>

<aside> ☝🏻

Le responsive n’est pas exigé

Cet exercice se concentre sur l'intégration fidèle du design et la sémantique HTML. L'adaptation responsive n'est pas demandée ici, contrairement au projet de groupe.

</aside>

Objectifs

Notions (re)activées

Un exercice obligatoire, avec de la flexibilité

Maquette