Skip to content

rodric74/P02-booki

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌍 Projet de Développement Front-End HTML - CSS : Page d'Accueil d'une Agence de Voyage 🌴

📌 Table des Matières

📖 À Propos du Projet

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/

🚀 Mission et Contexte

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 et Spécifications

  • 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 dossier images.

🎯 Compétences Évaluées

1. Implémentation d'une Interface Responsive

  • 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.

2. Intégration du Contenu Conformément à une Maquette

  • 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.

3. Installation d'un Environnement de Développement Front-End

  • Validé : Présentation du code dans Visual Studio Code.

🎤 Soutenance (évaluateur: Alexandre Kouam):

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.

🌟 Points Forts

  • 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.

🔍 Axes d'Amélioration

  • 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 ! 🎉

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published