Maintenant que vous maîtrisez les flexbox comme des pros, il est temps de passer à la vitesse supérieure avec un projet concret qui va donner vie à tout cela.
Pour notre première aventure, vous allez créer un site à partir d'une maquette : MYFOOD.
Objectif : le header de votre site restera fixe en haut de la page. Mais lorsque vous cliquez sur le menu burger, une fenêtre magique s'ouvre, révélant les précieux liens de navigation ainsi qu'un bouton discret pour refermer cette fenêtre. Tout cela dans le respect des maquettes mobiles.
Prêts à relever ce défi ? Alors, à vos claviers, prêts, partez ! 🍔
Objectif
Maintenant que vous maîtrisez les flexbox comme des pros, il est temps de passer à la vitesse supérieure avec un projet concret qui va donner vie à tout cela.
Pour notre première aventure, vous allez créer un site à partir d'une maquette : MYFOOD.
Objectif : le header de votre site restera fixe en haut de la page. Mais lorsque vous cliquez sur le menu burger, une fenêtre magique s'ouvre, révélant les précieux liens de navigation ainsi qu'un bouton discret pour refermer cette fenêtre. Tout cela dans le respect des maquettes mobiles.
Prêts à relever ce défi ? Alors, à vos claviers, prêts, partez ! 🍔
Lien vers les maquettes: https://codephenix.fr/interface/cours/exercices/2-1-1-myfood-positionnement.zip
Cours associés
Javascript / Positionnement
Definition of Done
Une tache est considérée comme complétée lorsque chacune des sous-taches de cette section ont été complétées.
Code quality:
class
,id
etname
et autres variables ont des noms respectables et porteurs de sensQ&A
Cette section sera complétée par votre formateur lors de la review des taches.