EssentielDéveloppement webDébutant

Découvrir le code : comprendre comment un site fonctionne

Ta première page web écrite par toi et en ligne en moins d'une semaine

  • 6 h de formation
  • 3 modules · 13 leçons
  • 32 exercices
  • 1 projet
  • Certificat inclus

Ce que vous saurez faire

  • Compréhension du fonctionnement du web (client, serveur, DNS, HTTP)
  • Lecture de code HTML, CSS et JavaScript sur un site existant
  • Utilisation des outils de développement du navigateur (inspecteur, console, réseau)
  • Rédaction d'une page HTML structurée
  • Mise en ligne d'une page statique (GitHub Pages ou Netlify)

Ce que vous produisez

  • Ta carte du web : un schéma annoté du trajet d'une page, de ton téléphone au serveur
  • Une fiche d'inspection d'un vrai site sénégalais ou ivoirien avec ce que tu y as trouvé
  • Ton environnement de travail installé et un premier dossier de projet propre
  • Ta page personnelle en HTML et CSS, écrite à la main
  • Ta page publiée en ligne avec une adresse partageable
  • Ton plan de progression : la prochaine formation et ton rythme de travail

Revenus possibles

Ce niveau ne suffit pas pour facturer du développement. Il te donne les bases pour suivre le parcours complet, où un développeur junior est payé 200 000 à 400 000 FCFA par mois à Dakar en 2026 (jusqu'à 500 000 FCFA dans les start-ups en forte croissance), et pour mieux négocier un site à commander.

Estimation indicative, selon votre marché, votre rythme et votre travail. Aucun revenu n’est garanti.

Outils utilisés

  • Google Chrome et ses outils de développement
  • VS Code
  • HTML
  • CSS
  • JavaScript
  • GitHub Pages
  • Netlify

Ce que vous allez apprendre

  • Expliquer le trajet d'une page web, du navigateur au serveur, avec les mots justes (URL, DNS, HTTP, hébergement)
  • Distinguer le rôle du HTML, du CSS et du JavaScript dans une page réelle
  • Inspecter n'importe quel site avec les outils de développement de Chrome
  • Installer un environnement de travail simple (VS Code, navigateur, dossier de projet)
  • Écrire une page HTML valide avec titres, paragraphes, liens, images et une liste
  • Publier une page en ligne gratuitement et la partager par un lien
  • Situer les métiers du web et choisir ta prochaine étape de formation

Prérequis

  • Aucune expérience de programmation
  • Un ordinateur (Windows, macOS ou Linux), même ancien ; les leçons se lisent sur téléphone
  • Savoir utiliser un navigateur et créer un dossier sur ton ordinateur
  • 2 à 3 heures par semaine pendant 2 à 3 semaines

À propos de cette formation

## Comprends le web de l'intérieur, et écris ta première page Tu utilises des sites et des applications toute la journée : Wave, Jumia, le site de ta banque, la page Facebook de ton restaurant préféré. Mais que se passe-t-il vraiment quand tu tapes une adresse dans ton navigateur ? Qui fait quoi entre ton téléphone à Dakar et un serveur à Paris ou à Francfort ? Et qu'est-ce que ça veut dire, concrètement, « coder un site » ? Cette formation d'entrée te donne les réponses, sans jargon inutile, et te fait écrire du vrai code dès le module 2. ### À qui s'adresse cette formation - Tu n'as jamais écrit une ligne de code et tu te demandes si le développement web est fait pour toi. - Tu es étudiant, salarié ou en reconversion et tu veux tester avant d'investir dans un parcours plus long. - Tu es commerçant ou porteur de projet et tu veux comprendre ce que tu achètes quand tu commandes un site à 250 000 ou 1 000 000 FCFA. ### Ce que tu fais pendant la formation - Tu suis le trajet d'une page web : navigateur, nom de domaine, DNS, serveur, HTTP. - Tu ouvres les outils de développement de Chrome et tu inspectes de vrais sites. - Tu installes VS Code et tu écris ta première page HTML, avec un peu de CSS pour la mettre en forme et une ligne de JavaScript pour la faire réagir. - Tu publies ta page sur internet, gratuitement, avec une adresse que tu peux envoyer sur WhatsApp. ### Ce avec quoi tu repars Une carte claire du web, une page personnelle en ligne écrite par toi, un vocabulaire technique que tu comprends vraiment, et une décision éclairée : continuer vers le métier, ou savoir parler à un développeur. ### Ta place dans le parcours Développement web C'est le niveau 1, la porte d'entrée. Juste après viennent le niveau 2 (HTML et CSS : créer et mettre en page un vrai site), puis JavaScript, React et Next.js, jusqu'au niveau 5, Développeur full-stack JavaScript.

Public visé : Curieux, étudiants, salariés, commerçants et porteurs de projet de Dakar, Thiès, Abidjan, Bamako ou de la diaspora qui n'ont jamais codé et veulent comprendre comment marche un site avant de se lancer dans le métier ou de commander un site à une agence.

Programme

Un chemin module par module : leçons, exercices, quiz et projets à rendre.

  1. Module 1· 10 exercices

    Comment marche le web

    Tu comprends le trajet d'une page, de ton navigateur jusqu'au serveur, et tu sais nommer chaque étape.

    • Ce qui se passe quand tu tapes une adresse : navigateur, URL et serveurAperçu gratuit15 min
    • Nom de domaine, DNS et hébergement : qui paie quoi pour un site à DakarAperçu gratuit15 min
    • HTML, CSS et JavaScript : la structure, le style et le comportement d'une pageAperçu gratuit15 min
    • Support du module (PDF)Aperçu gratuit5 min
    • Quiz : comment marche le webQuiz de validation
  2. Module 2· 10 exercices

    Tes premiers pas en HTML

    Tu installes ton environnement et tu écris une page HTML structurée, balise après balise.

    • Installer VS Code, créer ton dossier de projet et ouvrir ta page dans Chrome15 min
    • Les balises de base : titres, paragraphes, listes et liens18 min
    • Images, attributs et chemins de fichiers sans erreur15 min
    • Support du module (PDF)5 min
    • Quiz : premiers pas en HTMLQuiz de validation
  3. Module 3· 12 exercices

    Style, interaction et mise en ligne

    Tu inspectes de vrais sites, tu ajoutes du CSS et une touche de JavaScript, puis tu publies ta page et tu choisis ta suite.

    • Inspecter un vrai site avec les outils de développement de Chrome15 min
    • Ajouter du CSS : couleurs, polices et marges en quelques lignes18 min
    • Une touche de JavaScript : un bouton qui réagit au clic15 min
    • Publier ta page gratuitement et choisir ta suite dans les métiers du web15 min
    • Support du module (PDF)5 min
    • Quiz : style, interaction et mise en ligneQuiz de validation
    • Projet final : ta page de présentation en ligneCapstone
  4. Certificat inclus

Votre certificat à la fin

Un certificat numéroté, avec les compétences validées, une page publique et un QR code de vérification. À ajouter sur LinkedIn en un clic.

Kolonell Academy
Vérifié par Kolonell Academy

Certificat de compétences

Votre nom

a suivi et validé la formation

Découvrir le code : comprendre comment un site fonctionne

Compétences certifiées

  • Compréhension du fonctionnement du web (client, serveur, DNS, HTTP)
  • Lecture de code HTML, CSS et JavaScript sur un site existant
  • Utilisation des outils de développement du navigateur (inspecteur, console, réseau)
  • Rédaction d'une page HTML structurée
  • Mise en ligne d'une page statique (GitHub Pages ou Netlify)

Numéro KOL-CERT-2026-XXXXX

Mohamed Bah

Fondateur, Kolonell Academy

Affiche de la formation Découvrir le code : comprendre comment un site fonctionne

Affiche de la formation

Téléchargez l'affiche pour l'imprimer, l'envoyer à votre employeur ou la partager avec vos collègues. Le programme complet détaille chaque module.

Ce cours fait partie du parcours

Développement web

Niveau 1 sur 5 · Essentiel

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
Voir les 5 niveaux du parcours

Niveau suivant · 2/5 Pratique

HTML et CSS : créer et mettre en page un vrai site

Un système en place dans son activité

Le site vitrine complet d'une PME, codé par toi et en ligne sur mobile

50 000 FCFA 12 h

Voir le niveau suivant

Votre formateur

Mohamed Bah

Docteur en informatique et fondateur de Kolonell, agence-plateforme digitale basée à Dakar. Il conçoit et déploie des sites et des applications web pour des PME au Sénégal, en Côte d'Ivoire et dans la diaspora, avec les outils enseignés dans ce parcours.

Questions sur cette formation

Je n'ai jamais codé. C'est vraiment pour moi ?

Oui, c'est exactement le public visé. Le module 1 ne contient aucune ligne de code à écrire : tu comprends d'abord comment le web fonctionne. Le code arrive au module 2, une balise à la fois.

Un téléphone suffit-il ?

Pour lire les leçons, oui. Pour écrire et publier ta page, il te faut un ordinateur, même ancien : VS Code et Chrome tournent sur une machine à 4 Go de RAM. Un poste de cybercafé ou d'un ami peut dépanner pour le projet final.

Est-ce que je serai développeur à la fin ?

Non, et on préfère te le dire. Tu sauras comment un site fonctionne et tu auras écrit ta première page. Le métier demande les niveaux suivants du parcours, jusqu'au niveau 5 Développeur full-stack JavaScript.

Combien de temps faut-il prévoir ?

Environ 6 heures en tout, exercices et projet final compris. À 2 ou 3 heures par semaine, tu termines en 2 à 3 semaines.

Faut-il payer un hébergement pour publier ma page ?

Non. GitHub Pages et Netlify publient gratuitement une page statique. Tu n'achètes un nom de domaine (6 300 à 8 600 FCFA par an pour un .com en septembre 2026) que si tu veux une adresse à ton nom, ce qui est facultatif ici.

Et si je veux seulement commander un site, pas le coder ?

Cette formation t'est utile aussi : tu comprendras ce que recouvrent le domaine, l'hébergement, le HTML et la maintenance, et tu sauras quelles questions poser à une agence avant de payer.

Comment payer ?

Par Wave ou Orange Money. Après inscription, vous recevez une facture pro forma par email avec le numéro à créditer. Envoyez la preuve sur WhatsApp : votre accès est activé sous 24 h ouvrées.

Combien de temps ai-je accès à la formation ?

À vie, mises à jour comprises. Vous avancez à votre rythme et vous pouvez revenir sur les leçons autant de fois que nécessaire.

Comment obtenir le certificat ?

Terminez les leçons et validez chaque quiz de module avec au moins 70 %. Le certificat est généré automatiquement, avec un numéro unique et une page publique vérifiable.

Nos engagements

  • Accès à vie et mises à jour incluses
  • Certificat vérifiable publiquement
  • Paiement Wave / Orange Money, activation sous 24 h ouvrées
  • Support WhatsApp

25 000 FCFA · 38 €

Essentiel