đŸ‘©â€đŸ’» Consignes Challenge 1 Dev - B1 BDDI 2022

đŸ‘©â€đŸ’» Consignes Challenge 1 Dev  - B1 BDDI 2022
Photo by Joshua Woroniecki / Unsplash
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.
Explorez bien l'interface de Figma pour trouver des éléments utile à l'intégration
  • 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.

Ce travail compte dans votre évaluation professionnel sur l'année.