Full Stack Web Developer

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...

Jusqu'ici, vous avez appris à structurer le contenu d'une page HTML avec des balises sémantiques, à organiser votre hiérarchie de titres et à rédiger un code proprement indenté. Tout cela concerne l'intérieur d'un fichier. Mais avant même d'ouvrir un...

Jusqu'ici, vous avez appris à structurer vos pages HTML avec des balises sémantiques, à organiser vos sections avec header, nav, main, article, aside et footer, et à hiérarchiser vos titres de h1 à h6. Vous avez donc une base solide pour écrire du HT...

**Rappel théorique** La hiérarchie des titres HTML (h1 à h6) structure le contenu d'une page à la manière d'un plan de document : h1 représente le titre principal, unique par page, et chaque niveau suivant introduit une sous-section du niveau précéde...

La hiérarchie des titres en HTML est l'un des piliers de la structuration d'une page web. Elle repose sur six balises : h1, h2, h3, h4, h5 et h6. Le chiffre indique le niveau d'importance du titre : h1 est le plus important, h6 le moins important. Co...

**Rappel théorique** La sémantique HTML5 consiste à choisir des balises qui décrivent le rôle du contenu qu'elles encadrent, et non simplement son apparence. Là où un ancien développeur aurait empilé des ``, `` ou ``, HTML5 fournit des éléments natif...

Dans les activités précédentes, tu as découvert les balises sémantiques HTML5 comme header, nav, main, section, article, aside et footer. Ces balises permettent aux navigateurs et aux technologies d'assistance de comprendre la structure d'une page we...