Cours en ligne de programmation web avec convention de stage
Le cours Programmation Web vous apprend à construire et publier un site : HTML sémantique, CSS avec Flexbox et Grid, responsive et accessibilité, JavaScript et DOM, Git et GitHub, SQL, puis les bases de PHP. Il s'adresse aux débutants qui visent un premier poste dans le développement web. Vous avez 180 jours 100 % en ligne, à votre rythme, et la convention de stage est incluse, pour 200 €.
- 180 jours d’accès
- 100 % en ligne, à votre rythme
- Niveau : débutant · Aucune expérience préalable requise
- Évaluation : 10 quiz (50 questions) et projet final
- Convention de stage incluse
- Certificat avec code QR vérifiable
- Langues : Espagnol, Anglais, Français
- Prix : 200 €
Pour qui
- Débutants qui veulent comprendre comment une page web est réellement construite et servie
- Personnes ayant déjà bricolé un site avec un outil tout fait et qui veulent écrire le code elles-mêmes
- Futurs stagiaires en agence web qui doivent intégrer, maintenir et publier des sites
- Personnes en reconversion qui veulent un portfolio en ligne à présenter en entretien
De quoi avez-vous besoin pour commencer ?
Prérequis
- Aucune connaissance en programmation n'est nécessaire : le cours part du fonctionnement du web
- Savoir utiliser un navigateur et gérer des fichiers et des dossiers sur son ordinateur
- Être prêt à écrire du code, le tester et le corriger par soi-même
Logiciels et matériel
- Un ordinateur et une connexion internet
- Visual Studio Code (VS Code), éditeur gratuit téléchargé depuis code.visualstudio.com, avec son terminal intégré pour Git
- Un navigateur récent et ses outils de développement (DevTools), gratuits et sans installation
- Un compte GitHub gratuit pour GitHub Pages ; un formulaire en PHP demande un autre hébergeur, par exemple l'offre gratuite de Netlify ou Vercel
Ce que vous saurez faire
- Expliquer ce qui se passe entre l'adresse saisie et l'affichage de la page, mesures des DevTools à l'appui
- Structurer une page avec header, nav, main, section, article et footer
- Mettre en page avec Flexbox ou Grid et justifier techniquement chaque choix
- Rendre un site lisible sur mobile et le contrôler avec les grilles du RGAA
- Manipuler le DOM avec querySelector, classList et addEventListener, sans attributs onclick
- Versionner un projet avec Git, travailler en branches et ouvrir des pull requests sur GitHub
- Interroger une base de données en SQL et traiter un formulaire côté serveur en PHP
- Publier un portfolio sur GitHub Pages et présenter ses décisions techniques à un recruteur
Compétences travaillées
- HTML sémantique
- Flexbox et Grid
- Responsive design
- RGAA
- JavaScript et DOM
- Git et GitHub
- GitHub Pages
- SQL
- PHP
- DevTools
Programme
- Comment le web fonctionne vraiment aujourd'hui — Client, serveur, HTTP et DNS, observés dans les DevTools du navigateur, avec l'installation de VS Code et un premier fichier HTML.
- HTML sémantique : structurer une vraie page — Construire une page d'accueil, une page de présentation et un formulaire de contact avec les bonnes balises, et des images chargées en lazy loading.
- CSS moderne : cascade, Flexbox et Grid — Sélecteurs, cascade et spécificité, modèle de boîte, couleur moderne, puis mise en page à une dimension avec Flexbox et à deux avec Grid.
- Responsive et accessible par défaut — Adapter un site aux mobiles, servir des images à la bonne taille avec srcset et vérifier l'accessibilité à l'aide du référentiel RGAA.
- Les fondamentaux de JavaScript (édition 2026) — Variables, conditions et boucles, puis chargement correct des scripts avec defer ou async pour ne pas ralentir la page.
- Le DOM, les événements et la vraie interactivité — Sélectionner et modifier des éléments, gérer les événements avec addEventListener et éviter les failles XSS liées à innerHTML.
- Git, GitHub et ton portfolio — Commits, .gitignore, clone, branches et pull requests depuis le terminal de VS Code, un README soigné et la mise en ligne du projet.
- SQL et travailler avec une vraie base de données — Stocker produits et prix dans des tables typées plutôt que dans un tableur, puis les lire et les modifier avec des requêtes SQL.
- Les bases du backend avec PHP, en toute sécurité — Traiter un formulaire côté serveur, enregistrer des données et protéger ce que le navigateur ne doit jamais voir.
- Publier aujourd'hui, et ta prochaine étape — Publier un portfolio sur GitHub Pages sans gérer de serveur, et préparer l'explication de ses choix techniques en entretien.
Télécharger le programme (PDF)
Convention de stage
Dans une agence web ou un service numérique, un stagiaire issu de ce cours peut intégrer des pages en HTML et CSS, les adapter aux mobiles et vérifier leur accessibilité. Il peut aussi ajouter de petites interactions en JavaScript, comme un sélecteur de quantité ou un formulaire validé, travailler avec Git par branches et pull requests, ou écrire des requêtes SQL et des traitements PHP simples sous la supervision d'un développeur.
Le stage peut se dérouler en même temps que la formation, dans les 180 jours d’accès.
Questions fréquentes
Faut-il un diplôme précis pour commencer dans le développement web ?
Le cours Programmation Web part d'un constat : il n'existe pas de diplôme de programmation unique, reconnu de la même façon dans tous les pays et par toutes les entreprises. C'est pourquoi le dernier module vous fait publier un portfolio sur GitHub Pages, avec du HTML sémantique, du CSS responsive et du JavaScript, et vous apprend à expliquer vos décisions techniques à un recruteur.
Que pourrai-je faire concrètement pendant mon stage, et qui trouve l'entreprise ?
C'est vous qui proposez l'entreprise d'accueil ; l'école établit la convention et son annexe, que l'entreprise signe en ligne, généralement sous un à deux jours ouvrés. Sur place, vous pourrez intégrer des maquettes, corriger l'affichage sur mobile, contrôler l'accessibilité, coder des interactions avec le DOM, gérer le code avec Git et GitHub, ou écrire des requêtes SQL et des formulaires PHP.
Quels langages et outils le cours aborde-t-il ?
Côté navigateur : HTML sémantique, CSS avec cascade, Flexbox et Grid, techniques responsives, accessibilité selon le RGAA, JavaScript et manipulation du DOM. Côté outils : VS Code, les DevTools du navigateur, Git, GitHub et GitHub Pages, avec Netlify et Vercel comme alternatives. Côté serveur : SQL pour les bases de données et les fondamentaux de PHP, en mettant l'accent sur la sécurité, notamment face aux failles XSS.
Suffit-il de dire en entretien que j'ai utilisé HTML, CSS et JavaScript ?
Non. Le cours montre que cette phrase ne distingue pas la personne qui a construit un projet de celle qui se contente de le décrire. Vous apprenez à justifier chaque choix : Grid pour une mise en page à deux dimensions, Flexbox pour une seule, telle structure HTML plutôt qu'une autre, addEventListener plutôt qu'un attribut onclick. Ce sont ces explications qui donnent du poids à un portfolio.
Autres formations : Technologie et IA
Contenu mis à jour : 07/10/2026