https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/ fr-FR Devenir Développeur Web Full Stack et maîtriser le développement pour créer, gérer et déployer des applications complètes (HTML, CSS, initiation à l'algorithmique, JavaScript, NodeJS comme backend principal, Python pour scripting/automatisation, SQL, NoSQL, Git, tests unitaires, sécuriser son application web, CI/CD). Compétences: Concevoir une architecture logicielle multicouche et sécurisée (présentation, métier, persistance) ; Développer les composants front-end et back-end d’une application web ; Implémenter des API REST sécurisées et interconnectées à une base de données relationnelle ou NoSQL ; Automatiser les déploiements via des pipelines CI/CD dans une logique DevOps ; Rédiger la documentation technique et préparer la mise en production ; Collaborer en mode projet Agile (user stories, backlog, sprints, stand-ups) ; © 2026 Ilaria Digital School. Tous droits réservés. Education Ilaria Digital School Ilaria Digital School courses-fullstack@ilaria-academy.com false episodic yes bd4920aa-38d7-511c-a8a1-cf0dc9bb4849 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/ca048df6-11ff-449e-b638-628edf0cb277/bienvenue-et-objectifs-du-chapitre Bienvenue dans ce cursus de formation Full Stack Web Developer. Ce premier chapitre est fondamental : il pose les bases de tout ce que vous allez apprendre, et il définit le cadre mental et technique dans lequel vous allez évoluer tout au long de vot... Ilaria Digital School false nextjob:full-stack-web-developer:ca048df6-11ff-449e-b638-628edf0cb277 Tue, 24 Mar 2026 04:19:06 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/1927d3c8-9c24-459e-ae2c-f15e0fdd97c0/qu-est-ce-qu-un-environnement-de-developpement Avant d'écrire la moindre ligne de code, tout développeur doit disposer d'un environnement de développement fonctionnel et bien configuré. C'est le socle sur lequel repose tout le reste de votre travail. Comprendre ce qu'est un environnement de dével... Ilaria Digital School false nextjob:full-stack-web-developer:1927d3c8-9c24-459e-ae2c-f15e0fdd97c0 Tue, 24 Mar 2026 16:18:54 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/62c02292-d137-460a-8fd3-412d3837cffa/atelier-reperer-les-composants-editeur-terminal-navigateur **Rappel théorique** Un environnement de développement est l'ensemble des outils qui permettent à un développeur d'écrire, tester et exécuter du code. Il repose sur trois composants fondamentaux que tout développeur doit savoir identifier et distingu... Ilaria Digital School false nextjob:full-stack-web-developer:62c02292-d137-460a-8fd3-412d3837cffa Wed, 25 Mar 2026 04:19:09 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/681cbb2e-e943-4a5a-b1ec-dff6720f8741/installer-visual-studio-code-pas-a-pas Dans les activités précédentes, tu as découvert ce qu'est un environnement de développement et tu as appris à repérer ses composants principaux : l'éditeur de code, le terminal et le navigateur. Tu sais maintenant que l'éditeur de code est l'outil da... Ilaria Digital School false nextjob:full-stack-web-developer:681cbb2e-e943-4a5a-b1ec-dff6720f8741 Thu, 26 Mar 2026 04:20:22 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/bbd442ce-4d8c-4da5-9e9f-b4023728e7c9/atelier-installation-et-premiere-ouverture-de-vs-code **Rappel théorique** Un environnement de développement est l'ensemble des outils logiciels qui permettent à un développeur d'écrire, tester et exécuter du code de manière efficace. Parmi ces outils, l'éditeur de code occupe une place centrale : c'est... Ilaria Digital School false nextjob:full-stack-web-developer:bbd442ce-4d8c-4da5-9e9f-b4023728e7c9 Thu, 26 Mar 2026 16:19:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/94554d11-6f77-428c-b32b-1c89e1dc2fa4/decouverte-de-l-interface-vs-code-barres-panneaux-extensions Maintenant que tu as installé Visual Studio Code et que tu l'as ouvert pour la première fois, il est temps de comprendre précisément ce que tu vois à l'écran. Un développeur web professionnel passe la majorité de ses journées dans son éditeur de code... Ilaria Digital School false nextjob:full-stack-web-developer:94554d11-6f77-428c-b32b-1c89e1dc2fa4 Fri, 27 Mar 2026 04:19:31 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/84e915cd-1546-4bc0-a09f-47a0d2e82e50/atelier-parcours-de-l-interface-et-raccourcis-cles **Rappel théorique** Visual Studio Code (VS Code) est un éditeur de code source développé par Microsoft, aujourd'hui devenu le standard de l'industrie pour le développement web. Comprendre son interface n'est pas une option : c'est la base de votre e... Ilaria Digital School false nextjob:full-stack-web-developer:84e915cd-1546-4bc0-a09f-47a0d2e82e50 Fri, 27 Mar 2026 13:19:34 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/9553e823-905e-4e5d-adc2-8428061e2d68/introduction-au-terminal-et-a-la-ligne-de-commande Le terminal est l'un des outils les plus puissants qu'un développeur utilise au quotidien. Avant même d'écrire une seule ligne de code applicatif, vous allez interagir avec votre machine via le terminal pour installer des outils, naviguer dans vos fi... Ilaria Digital School false nextjob:full-stack-web-developer:9553e823-905e-4e5d-adc2-8428061e2d68 Sun, 29 Mar 2026 22:55:45 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/14a2b431-3bd9-4468-a565-c9e97e1a729d/atelier-commandes-de-base-cd-ls-mkdir-touch **Rappel théorique** Le terminal est une interface textuelle qui te permet de communiquer directement avec ton système d'exploitation en tapant des commandes. Contrairement à un explorateur de fichiers graphique, le terminal est rapide, précis et inc... Ilaria Digital School false nextjob:full-stack-web-developer:14a2b431-3bd9-4468-a565-c9e97e1a729d Mon, 30 Mar 2026 10:31:52 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/cc72df18-e53b-4bad-9a44-dd983c16ea44/atelier-gerer-dossiers-et-fichiers-d-un-mini-projet ## Rappel théorique Le terminal est une interface textuelle qui permet de communiquer directement avec le système d'exploitation via des commandes. Contrairement à un explorateur de fichiers graphique, le terminal offre une précision et une rapidité ... Ilaria Digital School false nextjob:full-stack-web-developer:cc72df18-e53b-4bad-9a44-dd983c16ea44 Tue, 31 Mar 2026 03:19:00 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/7c2f6413-aeaa-488a-9f40-2cad4f23f008/navigateur-activer-et-lire-les-devtools Les outils de développement du navigateur, appelés DevTools (contraction de Developer Tools, soit « outils pour développeurs »), sont intégrés directement dans tous les navigateurs modernes. Ils permettent d'inspecter, de déboguer et d'analyser n'imp... Ilaria Digital School false nextjob:full-stack-web-developer:7c2f6413-aeaa-488a-9f40-2cad4f23f008 Wed, 01 Apr 2026 03:19:05 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/18b1446f-7250-4a60-bd4a-973ffb7793cb/atelier-inspecter-une-page-html-avec-devtools RAPPEL THÉORIQUE Les DevTools (outils de développement) sont intégrés directement dans votre navigateur (Chrome, Firefox, Edge). Ils permettent d'inspecter, de modifier temporairement et de déboguer n'importe quelle page web en temps réel, sans touch... Ilaria Digital School false nextjob:full-stack-web-developer:18b1446f-7250-4a60-bd4a-973ffb7793cb Wed, 01 Apr 2026 11:10:02 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/c78e80ae-86b1-475b-8ce8-64cdf687c29f/flux-de-travail-minimal-editeur-navigateur-rafraichissement Comprendre le flux de travail minimal est une étape fondamentale pour tout développeur web débutant. Avant même d'écrire une seule ligne de code complexe, il faut maîtriser le cycle de base qui vous accompagnera chaque jour de votre carrière : écrire... Ilaria Digital School false nextjob:full-stack-web-developer:c78e80ae-86b1-475b-8ce8-64cdf687c29f Thu, 02 Apr 2026 15:19:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/a29a5386-a290-4d05-b7ee-b739afe91ea9/atelier-creer-index-html-et-observer-les-modifications-en-direct **Rappel théorique** Un fichier HTML est le point d'entrée de toute page web. L'extension .html indique au navigateur comment interpréter le contenu. Par convention, le fichier principal d'un site s'appelle index.html : c'est le fichier que le serveu... Ilaria Digital School false nextjob:full-stack-web-developer:a29a5386-a290-4d05-b7ee-b739afe91ea9 Fri, 03 Apr 2026 03:19:20 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/181bb725-2c39-4f17-bb08-a12ed46f4481/comprendre-les-messages-d-erreur-et-la-console Comprendre les messages d'erreur et la console Lorsqu'on débute en développement web, les messages d'erreur font peur. On a l'impression que quelque chose s'est cassé, que l'on a tout raté. En réalité, les messages d'erreur sont vos meilleurs alliés.... Ilaria Digital School false nextjob:full-stack-web-developer:181bb725-2c39-4f17-bb08-a12ed46f4481 Mon, 06 Apr 2026 03:19:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/e6eb3111-733c-4509-9711-1a955819e819/atelier-provoquer-et-lire-une-erreur-html-css **Rappel théorique** Un développeur web passe une grande partie de son temps à lire et interpréter des erreurs. Ce n'est pas un signe d'échec, c'est une compétence fondamentale. En HTML et CSS, les erreurs ne bloquent généralement pas le rendu de la ... Ilaria Digital School false nextjob:full-stack-web-developer:e6eb3111-733c-4509-9711-1a955819e819 Mon, 06 Apr 2026 15:19:21 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/b43e3d8c-8a99-40df-a0a8-0465dfce1686/mentalite-developpeur-decomposition-des-problemes-et-curiosite Devenir développeur web, ce n'est pas seulement apprendre des langages de programmation. C'est avant tout adopter une façon de penser, une approche méthodique face aux problèmes, et cultiver une curiosité active et permanente. Ces deux piliers — la d... Ilaria Digital School false nextjob:full-stack-web-developer:b43e3d8c-8a99-40df-a0a8-0465dfce1686 Tue, 07 Apr 2026 15:19:16 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/137cd0b6-b711-4ef8-8449-a53edf33c660/atelier-decomposer-le-probleme-commander-une-pizza **Rappel théorique** La décomposition de problèmes (ou « problem decomposition ») est l'une des compétences fondamentales du développeur. Elle consiste à prendre un problème complexe et à le découper en sous-problèmes plus petits, indépendants, et ré... Ilaria Digital School false nextjob:full-stack-web-developer:137cd0b6-b711-4ef8-8449-a53edf33c660 Wed, 08 Apr 2026 03:19:16 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/0149e4e8-7b68-4661-9413-b02bfa677462/introduction-a-git-et-au-versionnement Le versionnement est l'une des pratiques les plus fondamentales du développement logiciel professionnel. Avant d'écrire une seule ligne de code en équipe, ou même seul sur un projet sérieux, tout développeur doit maîtriser ce concept. Ce cours t'expl... Ilaria Digital School false nextjob:full-stack-web-developer:0149e4e8-7b68-4661-9413-b02bfa677462 Thu, 09 Apr 2026 03:19:32 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/3db90aba-c882-445f-8278-a0e7693cb877/atelier-installer-git-et-configurer-user-name-user-email **Rappel théorique** Git est un système de contrôle de version distribué créé par Linus Torvalds en 2005. Son rôle est simple : tracer l'historique de toutes les modifications apportées à un projet, permettre de revenir en arrière en cas d'erreur, et... Ilaria Digital School false nextjob:full-stack-web-developer:3db90aba-c882-445f-8278-a0e7693cb877 Thu, 09 Apr 2026 15:19:22 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/db2e15cb-e54b-4090-8931-3c3b810a87d4/atelier-creer-un-depot-local-et-realiser-un-premier-commit **Rappel théorique** Git est un système de contrôle de version distribué. Son rôle est de tracer l'historique des modifications de vos fichiers, de vous permettre de revenir en arrière et, à terme, de collaborer avec d'autres développeurs. Un dépôt (... Ilaria Digital School false nextjob:full-stack-web-developer:db2e15cb-e54b-4090-8931-3c3b810a87d4 Fri, 10 Apr 2026 03:19:18 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/a26c570c-20a5-4591-9cf6-919b5364f902/visualiser-l-historique-des-commits-avec-git-log Lorsque tu travailles avec Git, chaque commit que tu réalises est enregistré dans ce que l'on appelle l'historique du dépôt. Cet historique est une trace chronologique de toutes les modifications validées depuis la création du dépôt. La commande prin... Ilaria Digital School false nextjob:full-stack-web-developer:a26c570c-20a5-4591-9cf6-919b5364f902 Fri, 10 Apr 2026 15:19:28 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/f8c9ec2a-4344-4da6-8d60-a8634401f78d/messages-de-commit-bonnes-pratiques Maintenant que tu sais créer un dépôt Git, réaliser un commit et consulter l'historique avec git log, il est temps de s'attaquer à un sujet que beaucoup de débutants négligent : la qualité des messages de commit. Ce point peut sembler secondaire, mai... Ilaria Digital School false nextjob:full-stack-web-developer:f8c9ec2a-4344-4da6-8d60-a8634401f78d Mon, 13 Apr 2026 15:19:21 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/b563b1b3-fc40-4bbb-90fb-d246142aafc0/atelier-rediger-des-commits-significatifs **Rappel théorique** Un commit Git est bien plus qu'une simple sauvegarde : c'est une unité de travail documentée, traçable et communicable. Un bon message de commit répond à une question simple : « Que se passe-t-il dans ce commit et pourquoi ? » La... Ilaria Digital School false nextjob:full-stack-web-developer:b563b1b3-fc40-4bbb-90fb-d246142aafc0 Tue, 14 Apr 2026 03:19:25 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/f9b26563-0f19-4c9e-b1e8-8143f839a325/concept-des-branches-vue-d-ensemble Jusqu'à présent, vous avez appris à créer un dépôt Git, à réaliser des commits et à visualiser l'historique avec git log. Vous savez donc que Git enregistre l'évolution de votre code sous forme d'une suite de commits. Maintenant, il est temps d'intro... Ilaria Digital School false nextjob:full-stack-web-developer:f9b26563-0f19-4c9e-b1e8-8143f839a325 Wed, 15 Apr 2026 03:19:29 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/a3266ac3-2fa0-4e9e-9d07-e302ec851651/creer-un-fichier-gitignore-pourquoi-et-comment Lorsque tu travailles sur un projet versionné avec Git, tous les fichiers présents dans ton dossier de projet ne doivent pas nécessairement être suivis et enregistrés dans l'historique. Certains fichiers sont inutiles, voire dangereux à partager. C'e... Ilaria Digital School false nextjob:full-stack-web-developer:a3266ac3-2fa0-4e9e-9d07-e302ec851651 Wed, 15 Apr 2026 11:21:24 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/801017a6-4a4b-405a-8251-63127f9d88e6/atelier-ajouter-un-gitignore-adapte-a-un-projet-html-css **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... Ilaria Digital School false nextjob:full-stack-web-developer:801017a6-4a4b-405a-8251-63127f9d88e6 Tue, 19 May 2026 16:05:14 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/91ecfdb0-e4b5-4855-9ba2-dbecb2507dce/mini-projet-site-statique-versionne-env-git ## 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... Ilaria Digital School false nextjob:full-stack-web-developer:91ecfdb0-e4b5-4855-9ba2-dbecb2507dce Tue, 19 May 2026 16:05:14 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/eb2a9e56-b50a-499b-b694-9a209f2546c5/methode-de-debogage-pas-a-pas 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... Ilaria Digital School false nextjob:full-stack-web-developer:eb2a9e56-b50a-499b-b694-9a209f2546c5 Tue, 19 May 2026 16:05:14 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/e110ba63-3173-47fc-9ab4-f209da70aa4e/atelier-corriger-un-bug-d-affichage-html-css-avec-devtools **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... Ilaria Digital School false nextjob:full-stack-web-developer:e110ba63-3173-47fc-9ab4-f209da70aa4e Tue, 19 May 2026 16:05:14 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/5c7a2a6f-53bb-44e9-9256-d5bf1d303afa/cycle-test-commit-petites-iterations-rapides 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 ... Ilaria Digital School false nextjob:full-stack-web-developer:5c7a2a6f-53bb-44e9-9256-d5bf1d303afa Tue, 19 May 2026 16:05:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/9cc5c426-e023-4f5e-9999-4135b022c602/documentation-et-recherche-efficaces-mdn-stackoverflow 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, ... Ilaria Digital School false nextjob:full-stack-web-developer:9cc5c426-e023-4f5e-9999-4135b022c602 Tue, 19 May 2026 16:05:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/37e0797d-027f-4f7e-992d-0756b679c694/atelier-trouver-la-bonne-reponse-sur-mdn-et-l-appliquer **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... Ilaria Digital School false nextjob:full-stack-web-developer:37e0797d-027f-4f7e-992d-0756b679c694 Tue, 19 May 2026 16:05:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/d0d47911-c376-4492-94bb-067884ea0aab/markdown-et-readme-presenter-son-projet 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... Ilaria Digital School false nextjob:full-stack-web-developer:d0d47911-c376-4492-94bb-067884ea0aab Tue, 19 May 2026 16:05:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/3d0c904d-0764-4514-bba9-6b97e94276bb/atelier-rediger-un-readme-clair-pour-le-mini-projet **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... Ilaria Digital School false nextjob:full-stack-web-developer:3d0c904d-0764-4514-bba9-6b97e94276bb Tue, 19 May 2026 16:05:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/de0d11de-725e-4d94-9f37-5d3638ba326a/mini-projet-amelioration-du-site-statique-readme-complet ## 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 ... Ilaria Digital School false nextjob:full-stack-web-developer:de0d11de-725e-4d94-9f37-5d3638ba326a Tue, 19 May 2026 16:05:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/b7e07c2e-1735-42d3-9a14-adb849f0bb03/6f1fdaec-f51f-48b2-8b9e-be71661857d1/bilan-des-competences-acquises-et-prochaines-etapes-du-cursus 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... Ilaria Digital School false nextjob:full-stack-web-developer:6f1fdaec-f51f-48b2-8b9e-be71661857d1 Tue, 19 May 2026 16:05:15 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/67e03b9e-1f32-4e64-a4bf-fb174ed4ade3/bienvenue-et-objectifs-du-chapitre Bienvenue dans ce chapitre consacré au langage de balisage hypertexte (HyperText Markup Language, HTML) et à la structuration sémantique des pages web. Ce chapitre est le point de départ concret de votre parcours de développeur web Full Stack. Avant ... Ilaria Digital School false nextjob:full-stack-web-developer:67e03b9e-1f32-4e64-a4bf-fb174ed4ade3 Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/b7cd43f9-92b9-4e90-ba8c-03898451d7aa/anatomie-d-un-document-html-doctype-html-head-body Un document HTML est la brique fondamentale de toute page web. Avant d'écrire une seule ligne de contenu visible, il faut comprendre comment ce document est structuré, pourquoi chaque partie existe, et ce qu'elle fait concrètement. Ce cours te donne ... Ilaria Digital School false nextjob:full-stack-web-developer:b7cd43f9-92b9-4e90-ba8c-03898451d7aa Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/a7609b3d-baf2-4fdc-b81c-f8febbc4ab4e/atelier-creer-votre-premier-fichier-index-html **Rappel théorique** Un fichier HTML est un document texte structuré que le navigateur interprète pour afficher une page web. Chaque document HTML valide repose sur une structure minimale et obligatoire : la déclaration `` en toute première ligne, qu... Ilaria Digital School false nextjob:full-stack-web-developer:a7609b3d-baf2-4fdc-b81c-f8febbc4ab4e Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/99dafa5c-534f-4e98-ba15-74aba11b3628/le-head-meta-charset-title-et-bonnes-pratiques Dans le chapitre précédent, tu as découvert la structure minimale d'un document HTML, avec ses balises fondamentales : doctype, html, head et body. Tu as même créé ton premier fichier index.html. Il est maintenant temps d'entrer dans le détail de l'é... Ilaria Digital School false nextjob:full-stack-web-developer:99dafa5c-534f-4e98-ba15-74aba11b3628 Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/14805264-73d6-4c16-b941-32ceb84a0f86/atelier-ajouter-un-titre-de-page-et-l-encodage **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... Ilaria Digital School false nextjob:full-stack-web-developer:14805264-73d6-4c16-b941-32ceb84a0f86 Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/f0e157fd-453e-450e-bb9d-5b4a8510235a/le-body-paragraphes-et-premier-titre-h1 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... Ilaria Digital School false nextjob:full-stack-web-developer:f0e157fd-453e-450e-bb9d-5b4a8510235a Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/1aa4498a-e51d-4365-bda6-1e67d0556a90/atelier-inserer-headings-et-paragraphes **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'... Ilaria Digital School false nextjob:full-stack-web-developer:1aa4498a-e51d-4365-bda6-1e67d0556a90 Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/2c5c8664-0749-4498-b490-1475fdc663c3/principe-de-la-semantique-en-html5 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... Ilaria Digital School false nextjob:full-stack-web-developer:2c5c8664-0749-4498-b490-1475fdc663c3 Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/5a43fe80-d204-4493-928b-bd2344b7d67c/panorama-des-balises-de-section-header-nav-main-section-article-aside-footer 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... Ilaria Digital School false nextjob:full-stack-web-developer:5a43fe80-d204-4493-928b-bd2344b7d67c Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/c6e33bdd-cc42-4214-9f81-b6b799c2b954/atelier-remplacer-des-divs-par-des-balises-semantiques **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... Ilaria Digital School false nextjob:full-stack-web-developer:c6e33bdd-cc42-4214-9f81-b6b799c2b954 Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/4d57fa0e-cf80-4027-bd4b-d61c63af756d/texte-de-renforcement-aria-landmarks-en-deux-minutes 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... Ilaria Digital School false nextjob:full-stack-web-developer:4d57fa0e-cf80-4027-bd4b-d61c63af756d Tue, 19 May 2026 16:05:10 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/4fdebba8-1da9-4ac1-8406-36c8ac5c5c9c/atelier-construire-la-maquette-d-un-blog-une-colonne **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... Ilaria Digital School false nextjob:full-stack-web-developer:4fdebba8-1da9-4ac1-8406-36c8ac5c5c9c Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/528415b6-ebc1-40cf-a8de-1762543aedc5/hierarchie-de-titres-h1-h6-et-accessibilite 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... Ilaria Digital School false nextjob:full-stack-web-developer:528415b6-ebc1-40cf-a8de-1762543aedc5 Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/e5cdeb2f-92a2-4340-ac0f-32c6e7725bba/atelier-appliquer-correctement-les-niveaux-de-titres **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... Ilaria Digital School false nextjob:full-stack-web-developer:e5cdeb2f-92a2-4340-ac0f-32c6e7725bba Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/f7376a46-6725-4405-ae98-29da40d09a0b/commentaires-html-et-indentation-propre 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... Ilaria Digital School false nextjob:full-stack-web-developer:f7376a46-6725-4405-ae98-29da40d09a0b Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/e9de8e4f-1553-4ee3-b1cc-e262e5088e96/bonnes-pratiques-nommage-des-fichiers-et-arborescence-simple 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... Ilaria Digital School false nextjob:full-stack-web-developer:e9de8e4f-1553-4ee3-b1cc-e262e5088e96 Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/0a4d5a9b-e693-4fcc-883b-1dfe0cff214e/atelier-nettoyer-et-commenter-votre-code **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... Ilaria Digital School false nextjob:full-stack-web-developer:0a4d5a9b-e693-4fcc-883b-1dfe0cff214e Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/bf846b56-94ba-430e-828b-ea81f9539587/mini-projet-creer-son-cv-semantique ## 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... Ilaria Digital School false nextjob:full-stack-web-developer:bf846b56-94ba-430e-828b-ea81f9539587 Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/2bf3d05a-d43c-4b37-9326-e4019930448d/bilan-intermediaire-et-checklist-d-auto-evaluation 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... Ilaria Digital School false nextjob:full-stack-web-developer:2bf3d05a-d43c-4b37-9326-e4019930448d Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/11b9d91d-4ac1-4793-91c6-2ec7e66680c5/les-listes-en-html-ul-ol-dl 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... Ilaria Digital School false nextjob:full-stack-web-developer:11b9d91d-4ac1-4793-91c6-2ec7e66680c5 Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/ad0a181a-5ae6-4455-9f7e-9b0a5fd7b726/atelier-ajouter-la-liste-des-competences-dans-le-cv **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... Ilaria Digital School false nextjob:full-stack-web-developer:ad0a181a-5ae6-4455-9f7e-9b0a5fd7b726 Tue, 19 May 2026 16:05:11 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/1f95774b-c9b7-4dde-a7ab-7cb84577e647/atelier-listes-imbriquees **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... Ilaria Digital School false nextjob:full-stack-web-developer:1f95774b-c9b7-4dde-a7ab-7cb84577e647 Wed, 20 May 2026 03:50:06 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/56cda2a6-e21c-4de4-b2ac-dfbb919ae157/block-vs-inline-comprendre-le-flux-du-document 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 (... Ilaria Digital School false nextjob:full-stack-web-developer:56cda2a6-e21c-4de4-b2ac-dfbb919ae157 Thu, 21 May 2026 03:49:45 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/5d4bfdf7-c150-49f8-acd4-076ecbdc5ed9/les-liens-hypertextes-balise-a-et-attributs-essentiels 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... Ilaria Digital School false nextjob:full-stack-web-developer:5d4bfdf7-c150-49f8-acd4-076ecbdc5ed9 Thu, 21 May 2026 15:49:56 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/7bcd8b98-22da-4bf0-892c-53debc0a2ed0/atelier-creer-une-navigation-interne-avec-ancres **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 : ... Ilaria Digital School false nextjob:full-stack-web-developer:7bcd8b98-22da-4bf0-892c-53debc0a2ed0 Thu, 21 May 2026 23:01:24 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/20412962-0634-4e8c-b271-a09ba5445f30/atelier-liste-de-ressources-externes-target-et-rel **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... Ilaria Digital School false nextjob:full-stack-web-developer:20412962-0634-4e8c-b271-a09ba5445f30 Mon, 25 May 2026 03:49:47 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/4cf450dc-e7e7-4403-93c0-f77aecde479a/chemins-relatifs-vs-absolus-bien-gerer-vos-urls 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... Ilaria Digital School false nextjob:full-stack-web-developer:4cf450dc-e7e7-4403-93c0-f77aecde479a Tue, 26 May 2026 03:49:44 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/fed22edd-14a2-44ac-94b0-5bd304f5b348/les-images-balise-img-attribut-alt-figure-et-figcaption 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... Ilaria Digital School false nextjob:full-stack-web-developer:fed22edd-14a2-44ac-94b0-5bd304f5b348 Tue, 26 May 2026 15:49:54 +0000 full 00:15:00 https://www.ilaria-academy.com/nextjob/full-stack-web-developer/fr/27ff0726-3de4-4616-b0be-d9a166415d04/ff7181a5-ccc5-4244-b810-5e8d93634e4a/atelier-inserer-une-photo-de-profil-avec-legende **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... Ilaria Digital School false nextjob:full-stack-web-developer:ff7181a5-ccc5-4244-b810-5e8d93634e4a Wed, 27 May 2026 03:49:55 +0000 full 00:15:00