Développement web : HTML, CSS et JavaScript pour créer votre premier site
Pour créer son premier site web en HTML, CSS et JavaScript : installez un éditeur gratuit (VS Code), écrivez la structure de la page en HTML (squelette, titres, paragraphes, liens, images), mettez-la en forme dans un fichier CSS séparé (classes, couleurs, modèle de boîte, flexbox, media queries pour le mobile), ajoutez l'interactivité en JavaScript (sélectionner un élément, réagir à un clic, conditions et fonctions), testez avec les outils de développement du navigateur, puis publiez gratuitement le dossier sur GitHub Pages ou Netlify.
- 6 chapitres · 24 contenus
- 6 quiz
- 10h
- Débutant
- Certificat inclus
Lisez la première leçon gratuitement
Sans créer de compte. Jugez la qualité avant de payer.
- 1Bienvenue : ce que vous allez réussirGratuit →
- 2Comment fonctionne le web
- 3Les balises HTML de base
- 4Structurer une page complète
- 5Bilan du chapitre 1 et suite du parcours
- 24 contenus
- 6 quiz corrigés
- 10h de formation
- 1 certificat vérifiable
Ce que vous saurez faire
- 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 son site en ligne gratuitement avec GitHub Pages ou Netlify
- Construire un portfolio et savoir comment continuer à progresser
Programme de la formation
1 Le web et HTML : la structure 6 contenus
- Bienvenue : ce que vous allez réussir aperçu gratuit
- Comment fonctionne le web
- Les balises HTML de base
- Structurer une page complète
- Bilan du chapitre 1 et suite du parcours
- Quiz — Le web et HTML : la structure
2 CSS : la mise en forme 4 contenus
- Introduire le CSS
- Couleurs, texte et espacement
- Mise en page et responsive
- Quiz — CSS : la mise en forme
3 JavaScript : l’interactivité 4 contenus
- Premiers pas en JavaScript
- Manipuler la page
- Logique et fonctions en JavaScript
- Quiz — JavaScript : l’interactivité
4 Construire un vrai site 4 contenus
- Assembler une page complète
- Rendre le site adaptable et soigné
- Mettre le site en ligne
- Quiz — Construire un vrai site
5 Aller plus loin 4 contenus
- Déboguer avec les outils du navigateur
- Bonnes pratiques et organisation
- Continuer et se rendre employable
- Quiz — Aller plus loin
6 Évaluation finale 2 contenus
- Examen final
- Votre site vitrine en ligne
Description
En résumé
Pour créer son premier site web en HTML, CSS et JavaScript : installez un éditeur gratuit (VS Code), écrivez la structure de la page en HTML (squelette, titres, paragraphes, liens, images), mettez-la en forme dans un fichier CSS séparé (classes, couleurs, modèle de boîte, flexbox, media queries pour le mobile), ajoutez l'interactivité en JavaScript (sélectionner un élément, réagir à un clic, conditions et fonctions), testez avec les outils de développement du navigateur, puis publiez gratuitement le dossier sur GitHub Pages ou Netlify.
Vous voyez des sites web partout (boutiques, restaurants, églises, 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.
Avec un fil rouge concret, Kossi, qui construit le site vitrine de son activité, vous apprenez les trois langages qui font tout le web. HTML pour la structure, CSS pour la mise en forme (couleurs, espacements, flexbox, et un site qui s’adapte au téléphone), JavaScript pour l’interactivité (réagir à un clic, afficher ou cacher un élément, prendre des décisions). Dès les premières leçons, vous écrivez du vrai code et voyez le résultat s’afficher.
Puis vous assemblez un vrai site vitrine, vous le rendez lisible et accessible, vous apprenez à trouver vos erreurs avec les outils du navigateur, et vous le mettez en ligne gratuitement, pas à pas. La dernière partie vous montre comment transformer ce premier site en portfolio, publier votre code et continuer à progresser vers un premier emploi ou une première mission.
Prérequis
- Un ordinateur (Windows, macOS ou Linux), même modeste
- Un navigateur récent (Chrome, Firefox ou Edge) et une connexion Internet
- Aucune connaissance en programmation n'est nécessaire
Pour qui ?
- Débutants complets qui veulent apprendre à créer des sites web
- Entrepreneurs qui veulent comprendre et modifier leur propre site
- Étudiants qui envisagent un métier du numérique
- Futurs freelances qui veulent proposer la création de sites vitrines
Qui a conçu cette formation ?
Formation rédigée et relue par l’équipe eSoucoulou.
Avis des apprenants
Pas encore d’avis publié sur cette formation. Les avis viennent des apprenants inscrits, ou nous ont été envoyés par WhatsApp ou par téléphone (la source est indiquée) : nous n’affichons jamais de témoignage inventé.
Questions fréquentes
Peut-on suivre la formation sur un téléphone ?
La lecture, oui ; la pratique, difficilement. Pour écrire du code confortablement et utiliser les outils du navigateur, un ordinateur est vivement recommandé, même ancien.
En combien de temps peut-on terminer ?
Le parcours est conçu pour 4 semaines à raison d'environ une heure par jour, exercices compris. Vous pouvez avancer plus vite ou plus lentement : l'accès est permanent.
Faut-il apprendre WordPress plutôt que le code ?
Les deux sont complémentaires. WordPress permet de créer un site sans coder ; le HTML, le CSS et le JavaScript vous permettent de comprendre ce qui se passe, de personnaliser n'importe quel site et d'aller vers le métier de développeur. Pour WordPress, voyez la formation « Créer un site WordPress sans coder ».