Après avoir brillamment réussi votre premier exercice de compteur de clicks en JavaScript, vous voilà fin prêt à relever votre deuxième défi. Et pour celui-ci, nous n'allons pas chercher bien loin.
Vous souvenez-vous du CV que vous avez réalisé en HTML et CSS ? Je suis sûr que oui, ahaha ! Eh bien, vous allez ajouter une petite touche de JavaScript pour rendre tout cela un peu plus dynamique. Voici votre mission :
À l'aide du cours, ajoutez un menu burger à votre CV. Au clic sur le bouton, une fenêtre s'ouvre avec les liens de navigation redirigeant vers les différentes sections de la page, ainsi qu'un bouton pour refermer cette fenêtre.
Vous êtes en phase d'apprentissage et s'il est crucial que vous développiez votre autonomie en essayant et en cherchant
par vous même il est tout de même courant pour un développeur de demander de l'aide.
Pour cela voici un petit florilège des phrases/choses à éviter:
dire "Ca marche pas" sans expliquer précisément ce qui ne marche pas
"J'comprends pas" sans donner de contexte
"... du coup j'ai tout supprimé et j'ai tout recommencé"
"J'ai dit à l'ordi de le faire mais il ne le fait pas"
dire "JAVA" au lieu de "Javascript": ca n'a rien à voir !!!!!!!!!!!
Q&A
Cette section sera complétée par votre formateur lors de la review des taches.
Objectif
Après avoir brillamment réussi votre premier exercice de compteur de clicks en JavaScript, vous voilà fin prêt à relever votre deuxième défi. Et pour celui-ci, nous n'allons pas chercher bien loin.
Vous souvenez-vous du CV que vous avez réalisé en HTML et CSS ? Je suis sûr que oui, ahaha ! Eh bien, vous allez ajouter une petite touche de JavaScript pour rendre tout cela un peu plus dynamique. Voici votre mission :
À l'aide du cours, ajoutez un menu burger à votre CV. Au clic sur le bouton, une fenêtre s'ouvre avec les liens de navigation redirigeant vers les différentes sections de la page, ainsi qu'un bouton pour refermer cette fenêtre.
Lien vers les maquettes: https://codephenix.fr/interface/cours/exercices/1-3-2-initiation-js.gif
Cours associés
Javascript / initiation
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
et autres attributs ont des noms respectables et porteurs de sens (pas deaa
outoto
outexte2
)Code quality ++ (Bonus)
color: var(--main-blue)
)class
etid
sont en "hyphens-case" c'est à dire avec des tirets. Bon ex: "btn-submit", mauvais "btnSubmit" ou "btn_submit"NB: Reset CSS de Codephenix
Bonnes pratiques de communication
Vous êtes en phase d'apprentissage et s'il est crucial que vous développiez votre autonomie en essayant et en cherchant par vous même il est tout de même courant pour un développeur de demander de l'aide. Pour cela voici un petit florilège des phrases/choses à éviter:
Q&A
Cette section sera complétée par votre formateur lors de la review des taches.