Full Stack Web Developer

**Rappel théorique** En HTML, la sémantique consiste à choisir les balises qui décrivent le mieux le sens du contenu, et non simplement son apparence. Pour les images, deux éléments clés sont à maîtriser : la balise `` avec son attribut `alt` obligat...

**Rappel théorique** La balise est un élément HTML dit « void element » (élément vide) : elle ne possède pas de balise fermante et s'auto-ferme. Ses deux attributs fondamentaux sont src (chemin vers l'image, relatif ou absolu) et alt (texte alternati...

Intégrer des images dans une page web est une compétence fondamentale pour tout développeur. En HTML, les images ne sont pas simplement des éléments décoratifs : elles véhiculent de l'information, renforcent l'expérience utilisateur et jouent un rôle...

Lorsque vous créez des liens hypertextes ou que vous intégrez des ressources (images, feuilles de style, scripts) dans vos pages HTML, vous devez indiquer au navigateur où se trouve la ressource cible. Cette indication s'appelle un chemin, ou en angl...

**Rappel théorique** La balise `` est l'élément fondamental pour créer des liens en HTML. Vous avez déjà pratiqué les ancres internes lors de l'atelier précédent. Ici, on s'attaque aux liens externes, c'est-à-dire des liens pointant vers des sites ti...

**Rappel théorique** Une ancre HTML est un mécanisme permettant de créer des liens qui pointent vers un emplacement précis à l'intérieur d'une même page, ou vers un élément spécifique d'une autre page. Elle repose sur deux éléments complémentaires : ...

Les liens hypertextes sont l'un des éléments fondateurs du Web. Sans eux, les pages seraient des îles isolées, sans connexion entre elles. En HTML, un lien hypertexte se crée avec la balise , qui signifie « anchor » (ancre en anglais). Cette balise p...

En HTML, chaque élément appartient à une catégorie d'affichage fondamentale. Comprendre cette catégorie, c'est comprendre comment le navigateur place et organise les éléments à l'écran. Les deux catégories principales sont les éléments de type bloc (...

**Rappel théorique** Une liste imbriquée est simplement une liste placée à l'intérieur d'un élément d'une liste parente. HTML autorise l'imbrication de (liste non ordonnée), (liste ordonnée) et (liste de définitions) à volonté, mais une profondeur de...

Tu arrives à la fin du premier grand chapitre de ton cursus Full Stack Web Developer. Ce chapitre d'introduction avait un rôle fondamental : t'équiper mentalement et techniquement pour aborder sereinement la suite de la formation. Avant de passer à l...

## Présentation du projet Ce mini-projet est le point de convergence de tout ce que vous avez appris dans cette section d'introduction : débogage, recherche de documentation, Git et rédaction de README. Vous allez améliorer un site statique existant ...

**Rappel théorique** Un README est le premier fichier qu'un visiteur, recruteur ou collaborateur consulte lorsqu'il découvre un dépôt Git. C'est un fichier texte rédigé en Markdown (extension `.md`) qui sert de carte d'identité au projet : il expliqu...

Markdown est un langage de balisage léger qui permet de formater du texte de manière simple, lisible et rapide, sans avoir besoin d'un éditeur de texte enrichi. Il a été créé en 2004 par John Gruber avec pour objectif principal que le texte brut soit...

**Rappel théorique** La documentation MDN Web Docs (Mozilla Developer Network) est la référence absolue pour tout développeur web. Elle couvre HTML, CSS et JavaScript avec précision, fiabilité et exemples concrets. Contrairement à StackOverflow qui p...

En tant que développeur web, vous passerez une grande partie de votre temps à chercher des informations, à consulter de la documentation et à résoudre des problèmes que vous n'avez jamais rencontrés auparavant. Cette compétence — savoir où chercher, ...

Le cycle test-commit est une pratique fondamentale du développement professionnel. Elle consiste à travailler par petites étapes successives : on écrit ou modifie du code, on teste immédiatement le résultat, puis on valide cette étape avec un commit ...

**Rappel théorique** Les DevTools (outils de développement) sont intégrés à tous les navigateurs modernes (Chrome, Firefox, Edge) et constituent l'outil de débogage de référence pour tout développeur web. On y accède via F12 ou clic droit > Inspecter...

Le débogage est l'une des compétences les plus importantes d'un développeur, quelle que soit son expérience. Un débutant passe souvent des heures à chercher une erreur en modifiant son code au hasard, en espérant que ça finisse par marcher. Un dévelo...

## Présentation du projet Ce mini-projet est l'aboutissement de la section 'Premiers pas : environnement de développement et mentalité développeur'. Il s'agit de créer un site statique simple en HTML/CSS et de le versionner intégralement avec Git, en...

**Rappel théorique** Un fichier .gitignore est un fichier texte placé à la racine d'un dépôt Git qui indique à Git quels fichiers ou dossiers il doit ignorer, c'est-à-dire ne jamais versionner. Chaque ligne du fichier contient un motif (pattern) : un...

**Rappel théorique** En HTML, les listes permettent de structurer des données de même nature de façon sémantiquement correcte. On distingue trois types : la liste non ordonnée () pour des éléments sans ordre particulier, la liste ordonnée () pour des...

Les listes sont des éléments fondamentaux en HTML. Elles permettent de regrouper des informations connexes, d'organiser du contenu de manière structurée et de donner du sens sémantique à des ensembles d'éléments. En HTML, il existe trois types de lis...

Ce bilan intermédiaire marque une étape importante dans votre apprentissage du HTML et de la structuration sémantique. Vous avez parcouru l'ensemble des notions fondamentales : les balises sémantiques, la hiérarchie des titres, les commentaires, l'in...

## Description du projet Vous allez créer votre propre CV en HTML en appliquant rigoureusement toutes les bonnes pratiques de structuration sémantique étudiées dans ce chapitre. Ce projet est à la fois un exercice technique et un livrable professionn...

**Rappel théorique** Un code propre et bien commenté n'est pas un luxe réservé aux équipes senior : c'est une compétence professionnelle fondamentale dès le premier jour. Nettoyer son code (ou « refactoring léger ») consiste à supprimer tout ce qui e...