Full Stack Web Developer

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

**Rappel théorique** Avant HTML5, les développeurs structuraient leurs pages quasi-exclusivement avec des balises `` et des attributs `id` ou `class` pour donner un sens visuel à la mise en page. Le problème : une `` ne véhicule aucun sens sémantique...

Dans le cours précédent, vous avez découvert le principe de la sémantique en HTML5. Vous savez désormais que chaque balise doit avoir un sens précis et décrire le rôle du contenu qu'elle contient, plutôt que de simplement définir son apparence visuel...

Jusqu'ici, vous avez appris à créer un fichier HTML minimal, à structurer le head avec le titre et l'encodage, et à insérer des paragraphes ainsi que des titres dans le body. Vous savez donc écrire du HTML fonctionnel. Mais écrire du HTML fonctionnel...

**Rappel théorique** En HTML, la structuration du contenu repose sur deux familles d'éléments fondamentales : les titres (headings) et les paragraphes. Les balises de titre vont de Je suis développeur web en reconversion, passionné par la création d'...

Jusqu'à présent, vous avez appris à construire la structure minimale d'un document HTML, à configurer le head avec le titre de la page et l'encodage des caractères. Vous savez donc que le document HTML se divise en deux grandes parties : le head, qui...

**Rappel théorique** Avant de démarrer cet atelier, revenons sur deux éléments fondamentaux du `` HTML : la balise `` et la balise ``. La balise `` déclare l'encodage des caractères utilisé dans votre document. UTF-8 est l'encodage universel qui pren...