L'Ecole By CCI, Gobelins Annecy 2022

Intégrer une maquette

• Fin du challenge ⌛️ : 12 janvier 2022
• Développement : HTML + CSS
• Rendu : Fichier .zip avec les fichiers de votre projet ou 🔗 lien vers un repertoire git public

Dans votre métier de développeur, vous devez être capable d'intégrer une maquette réalisée par des designers. Cela consiste à prendre une maquette et la transformer en code pour réaliser un site web, une application, ou un logiciel.

Cet exercice va vous permettre de vous familiariser avec les outils et le processus, cela sera utile pour faire valoir vos compétence concrète lors de la recherche de votre stage.

La maquette à intégrer

🔗 Lien Figma à consulter

✅ Étapes à respecter

• Créez un projet web simple HTML + CSS (un fichier index.html, un fichier style.css)
• Utilisez les media-queries pour réaliser la version mobile du site.
• Utilisez bien l’outil Figma, en utilisant l’onglet “Inspect” sur la droite vous avez accès aux mesures précises des éléments sélectionnés.

• Trouvez les bonnes polices à intégrer sur le site, utilisez https://fonts.google.com/ pour trouver & intégrer les polices d'écritures sur votre intégration.
• Testez bien sur un Mobile et un ordinateur. Les tailles données par Figma ont parfois un rendu différent de la réalité. Alors TESTEZ

🥇 Podium

Pour établir le podium, chaque participant devra voter pour la/les meilleure(s) production(s).

Vous aurez tous 5 points à distribuer, avec Coralie nous aurons chacun 10 points à distribuer.