Technical Documentation Page

Page de documentation technique sur JavaScript, construite avec une barre de navigation fixe et un système d'ancres, dans le cadre du projet de certification freeCodeCamp Responsive Web Design.

Ce que j'ai appris

• Blocs de code accessibles : les extraits multi-lignes sont placés dans pre > code pour préserver la mise en forme du code source, tandis que le code inline reste distinct pour ne pas casser la mise en page des listes.
• Mise en page avec Flexbox : la barre de navigation utilise display: flex en colonne pour empiler le titre et les liens.
• Media queries : un point de rupture à 768px fait passer la navigation d'une barre latérale fixe à un bloc en haut de page sur petit écran.

Démo en ligne

Voir la page

Stack technique

• HTML5 sémantique
• CSS3 (Flexbox, media queries, pseudo-classes)

Installation locale

git clone https://github.com/DocariDR/technical-documentation-page-freecodecamp.git
cd technical-documentation-page-freecodecamp

Puis ouvrir index.html dans un navigateur, aucune dépendance requise.

Structure des fichiers

technical-documentation-page-freecodecamp/
├── index.html
├── styles.css
└── README.md

Auteur

Ricardo (DocariDR)

• GitHub : github.com/DocariDR
• LinkedIn : linkedin.com/in/ricardo-dovonou
• X : x.com/docaridr