- 📖 À Propos du Projet
- 🚀 Mission et Contexte
- 🎯 Compétences Évaluées
- 🎤 Soutenance
- 🌟 Points Forts
- 🔍 Axes d'Amélioration
Ce projet a été réalisé dans le cadre d'une évaluation de compétences en développement front-end. Il implémente une interface responsive avec HTML et CSS, conforme à une maquette donnée, et utilise Visual Studio Code comme environnement de développement.
https://rodric74.github.io/P02-booki/
Vous débutez votre alternance en tant que développeur web au sein de la start-up Booki. L'entreprise souhaite développer un site Internet permettant aux usagers de trouver des hébergements et des activités dans la ville de leur choix. Vous êtes chargé d'intégrer l'interface du site avec du code HTML et CSS, en collaboration avec la CTO, Sarah, et l'UI designer, Loïc.
- Maquettes desktop, tablette et mobile fournies.
- Note de synthèse regroupant les spécifications et contraintes techniques.
- Structure de fichiers et base de code fournie, incluant
index.html
,style.css
, et un dossierimages
.
- Validé : Utilisation de la méthode desktop first, adaptation aux différents écrans jusqu'à une largeur maximale de 1400px, respect des breakpoints, code HTML sans erreur de validation W3C.
- Validé : Respect de la maquette, indentation du code, utilisation de balises sémantiques, propriétés CSS définies en dehors du HTML, code HTML sans erreur de validation W3C.
- Validé : Présentation du code dans Visual Studio Code.
Rodric a réalisé un bon travail et une belle soutenance, avec un support de présentation riche et détaillé. Il a été éloquent et explicite dans ses propos, et a bien répondu aux questions. Il a été attentif durant le debriefing.
- Usage de balises sémantiques.
- Hiérarchie des titres respectée.
- Usage de textes alternatifs.
- Usage de variables dans le CSS.
- Usage d'un favicon.
- Usage de commentaires.
- Validation W3C.
- Présentation de maquettes.
- Usage de BEM.
- Utiliser normalize.css.
- "Marseille, France" doit être la valeur du champ.
- Respecter le jeu de rôle.
Beau travail et du courage pour la suite ! 🎉