<aside> 📝

Cloner un repository, intégrer une page maison d’édition depuis Figma avec des balises sémantiques, puis faire un push.

</aside>

1. Cloner le repository

Le repository de l’exercice vous est distribué via classroom50. Acceptez le devoir, puis clonez le repository dans VS Code en suivant la documentation :

Classroom50

Installez ensuite les dépendances et lancez le serveur de développement, en suivant les sections « Reprendre un projet cloné » et « Lancer le serveur de développement » :

NPM et Parcel

2. Intégrer la maquette

Ouvrez la maquette Figma : https://www.figma.com/design/iUN5EUdRgjTwDkaIRzspH9/M2-E6?m=auto&t=lGyxC5U0IT9lY9hZ-6

Le repository contient un index.html réduit au squelette et une feuille de style vide. Intégrez la page en choisissant les balises sémantiques adaptées à chaque zone. Appuyez-vous sur la documentation :

Sémantique

Pour le mode Dev, les distances, l’export des images et l’export CSS, suivez la documentation :

Intégrer depuis Figma

<aside> ☝

N’oubliez pas d’intégrer les Google Fonts

</aside>

3. Rendu

Faites des commits réguliers, puis un push.

C’est votre push qui fait office de rendu. Vérifiez sur classroom50 que votre dernier commit est bien arrivé.