En tant que membre de l'équipe de développement, la connaissance du backend (PHP, JS, etc.) est une évidence. Cependant, il est tout aussi important d'avoir des compétences adéquates en développement frontal (HTML, CSS, SASS, etc.).
Défi : De la conception à la page d'atterrissage
Vue d'ensemble :
Vous créerez une page d'atterrissage simple (.html) qui suivra le modèle fourni.
Spécifications :
- Créer une page d'atterrissage HTML à partir de notre conception Figma.
- Utiliser des techniques/méthodes modernes de balisage et de stylisation.
- L'image vedette doit être affichée cette vidéo YouTube lorsque l'on clique sur le bouton de lecture. A vous de voir comment vous allez mettre cela en place !
- La page doit être entièrement réactive, c'est-à-dire que vous devez déplacer et réduire les éléments comme bon vous semble. Nous la visualiserons sur un ordinateur de bureau, une tablette et un téléphone portable.
- Le CSS doit être écrit en utilisant SASS et les fichiers source et compilés doivent être inclus. La méthode de compilation (gulp, grunt, etc) est à votre choix.
Notes :
- Si tu n'as pas de compte Figma (gratuit), inscris-toi pour accéder à la vue de l'inspecteur.
- Vous pouvez télécharger et utiliser le fichiers d'actifs préparés (images et icônes).
- Ne vous précipitez pas ! Strive for attention to detail (one of our core values) – we’ll compare the HTML template to the design file provided 🙂
Rassemblez le code sous forme de fichier Zip et téléchargez-le dans le formulaire ci-dessous :
FR 
EN 
ES 
DE 
PT 