composants

On peut envisager de diviser notre page en les composants suivants :

  • la navigation
  • la présentation
  • la zone projets (au pluriel)
  • les composants projet (au singulier)
../../../_images/schema-general--methodologie-css.svg

On peut maintenant commencer à complêter notre pseudo-code comme dans l’exemple suivant :

(nav.menu)
   (h2.menu__titre)
   (ul.menu__liste)
      (li.menu__item)
         (a.menu__lien)

Note

Rappel : avec la notation BEM, le double caractère souligné __ signifie « contient », par exemple a__b signifie a contenant b ou b contenu par a.

Poursuivez sur le reste du pseudo-code avant de passer à la suite.