En CSS l'essentiel du positionnement ce gère avec les propriétés flexbox (display: flex;, justify-content, align-items, flex-direction ...).
Ces propriétés sont relativement simples mais demandent pas mal de pratique pour être bien comprises et maitrisées.
C'est l'objectif de ces gammes d'exercices. Un peu dans l'esprit d'un musicien qui doit réviser ses gammes, ces taches
vous feront réalisés des séries d'exercices pour pratiquer.
Cours associés
II - 1/ 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.
Pour chacune des maquettes:
[x] La maquette est bien reproduite
Code quality:
[x] HTML: 0 erreurs/warnings selon les standards du W3C
[x] HTML: Les textes visibles ne comportent pas de fautes d'orthographe
[x] HTML: Les textes visibles commencent tous par une majuscule
[x] HTML: La langue du document est renseignée
[ ] HTML - SEO: title, description et favicon ont été renseignés
[ ] HTML - SEO: Si c'est pertinent, les balises sémantiques ,
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
En CSS l'essentiel du positionnement ce gère avec les propriétés flexbox (
display: flex;
,justify-content
,align-items
,flex-direction
...). Ces propriétés sont relativement simples mais demandent pas mal de pratique pour être bien comprises et maitrisées. C'est l'objectif de ces gammes d'exercices. Un peu dans l'esprit d'un musicien qui doit réviser ses gammes, ces taches vous feront réalisés des séries d'exercices pour pratiquer.Cours associés
II - 1/ 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.
Pour chacune des maquettes:
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.