khanicamao / examen-revision-imd21

Examen révision

Installation

Créer un fork du repository

Cloner le repository git

Se rendre dans le dossier du projet, puis installer les dépendances avec NPM

cd <nom-du-projet>
npm install

Lancer le serveur de développement

npm run dev

Consigne

Pour chaque chapitre, choisissez une des options (A, B ou C) et reproduisez le visuel de la colonne de droite.

La réussite d'une option vous permet d'obtenir la note suivante:

Option	Note
A	4
B	5
C	6

Vous avez droit à 4 périodes de cours pour réaliser l'examen.

Vous pouvez utiliser toute la documentation disponible sur Notion, sur internet ou dans vos notes personnelles.

Attention

• Vous n'avez pas besoin d'intégrer les trois options (A, B et C)
• Si par exemple vous choisissez l'option A pour flexbox, vous n'avez pas nécessairement besoin de choisir l'option A pour bootstrap.
• Il n'y a pas besoin d'intégrer au pixel perfect.
• Lorsqu'il est spécifié Mobile et Desktop, vous devez réaliser un seul élément qui s'adapte en fonction de la largeur de l'écrant.
• Installez Bootstrap et le layout highlighter pour réaliser la section concernée.

Organisation

• Ajouter le HTML de chaque exercice dans les fichiers prévus à cet effet (dossier src/exercises).

• Créez un fichier scss par exercice (dossier src/scss/modules).

• Pour appliquer une CSS spécifique à un exercice, utilisez l'id de l'exercice:

#flexbox-a1 {
  .wrapper {
    display: flex;
  }

  .item {
    background: red;
  }
}

Rendu

• Faites une pull request.
• Avant de quitter le cours, passez chez l'enseignant pour s'assurer de la bonne réception de votre travail.

Barème

Sujet	points
Installation et organisation CSS	12
Flexbox	18
Bootstrap	18
Positions	12
Media Queries	12
Transitions	6
JavaScript	6 (bonus)
Total	78