Bienvenue : ce que vous allez réussir
Vous voyez des sites web partout (boutiques, restaurants, églises, écoles, entrepreneurs) et vous vous dites : « J’aimerais savoir faire ça. » Il ne faut ni diplôme en informatique, ni ordinateur puissant, ni logiciel payant : un navigateur, un éditeur de texte gratuit et une méthode suffisent pour commencer.
Cette formation vous apprend les trois langages qui font tout le web : HTML pour la structure, CSS pour la mise en forme (couleurs, espacements, mise en page, et un site qui s’adapte au téléphone), JavaScript pour l’interactivité. Vous les apprenez en construisant un vrai site, que vous mettez en ligne gratuitement à la fin, et qui devient la première pièce de votre portfolio.
Le fil rouge : vous suivez Kossi (un parcours d’exemple), qui construit le site vitrine de son activité, de la première balise HTML jusqu’à la mise en ligne.
Ce que vous saurez faire à la fin de la formation :
– comprendre comment fonctionne un site web : navigateur, serveur, fichiers ;
– écrire une page HTML complète et valide ;
– mettre en forme avec CSS : classes, couleurs, modèle de boîte, flexbox ;
– rendre un site adaptable au téléphone avec les media queries ;
– ajouter de l’interactivité en JavaScript : événements, conditions, fonctions ;
– déboguer avec la console et l’inspecteur du navigateur ;
– mettre votre site en ligne gratuitement avec GitHub Pages ou Netlify ;
– construire un portfolio et savoir comment continuer à progresser.
Le programme, chapitre par chapitre
| Chapitre | Ce que vous allez construire |
|---|---|
| 1. Le web et HTML | La structure de vos premières pages |
| 2. CSS | La mise en forme, la mise en page et l’adaptation au téléphone |
| 3. JavaScript | L’interactivité : réagir aux clics, afficher, calculer |
| 4. Construire un vrai site | Le site complet de Kossi, soigné et mis en ligne |
| 5. Aller plus loin | Déboguer, s’organiser, devenir employable |
| Évaluation finale | Examen et devoir : votre propre site en ligne |
Comment fonctionne la formation
– Chaque leçon avance avec le code complet, le résultat attendu, des schémas, des exercices corrigés et un résumé.
– Un quiz corrigé à la fin de chaque chapitre, puis un examen final.
– Un devoir final : votre propre site, en ligne, avec son adresse à partager.
– Un certificat vérifiable quand toutes les leçons sont lues et tous les quiz réussis.
💡 Conseil
Tapez le code vous-même, au lieu de le copier-coller. C’est plus lent au début, mais c’est en tapant, en vous trompant et en corrigeant que vous retiendrez la syntaxe. Installez un éditeur gratuit comme Visual Studio Code (sur ordinateur) avant de commencer la deuxième leçon.
Ce dont vous avez besoin : un ordinateur (même modeste) avec un navigateur récent ; une connexion pour télécharger l’éditeur et, à la fin, mettre le site en ligne.