Niveau suivant · 4/5 Métier
React et Next.js : construire des applications web modernes
Le métier complet, avec portfolio
Deux applications React et Next.js en ligne dans ton portfolio
100 000 FCFA 24 h
Voir le niveau suivantPar Mohamed Bah · Kolonell, agence digitale à Dakar
JavaScript : rendre un site vivant et interactif
Un catalogue interactif avec panier et commande WhatsApp, codé en JavaScript par toi
75 000 FCFAsoit 115 €
- 16 h de formation
- Certificat vérifiable
- Wave ou Orange Money
- En ligne, à votre rythme
J'ai une question (WhatsApp)
Inscription express en 30 s : facture par email
Je préfère être rappelé(e) sur WhatsApp
Au programme
- 1Les bases du langage
- 2Fonctions, tableaux et objets
- 3Le DOM et les événements
- 4Formulaires, validation et stockage local
- 5Asynchrone, fetch et API
et 1 autre module
Paiement Wave / Orange Money, accès sous 24 h ouvrées
Revenus possibles
Avec HTML, CSS et JavaScript, un freelance débutant peut facturer 200 000 à 500 000 FCFA un site vitrine avec calculateur, formulaire avancé ou catalogue interactif, et ajouter des modules ponctuels à 50 000 à 150 000 FCFA chez des PME de Dakar ou d'Abidjan en 2026 ; ton portfolio et tes clients te placent dans la fourchette.
Estimation indicative, selon votre marché, votre rythme et votre travail. Aucun revenu n’est garanti.
Votre formateur
Mohamed Bah
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.
Voir les réalisations de Kolonell →Questions sur cette formation
Je n'ai jamais fait de JavaScript. Est-ce trop avancé pour moi ?
Non. Le module 1 part de zéro sur le langage. Il suppose seulement que tu saches écrire une page en HTML et CSS, ce qui est l'objet du niveau 2 du parcours.
Les exercices de code sont-ils corrigés ?
Oui. Chaque exercice de code est vérifié automatiquement par des tests dans ton navigateur : tu vois tout de suite ce qui passe et ce qui échoue, avec un message qui t'indique quoi corriger.
Pourquoi ne pas passer directement à React ?
Parce que React, c'est du JavaScript. Les développeurs qui sautent cette étape bloquent sur map, les objets, l'asynchrone et les erreurs réseau. Seize heures ici t'en font gagner beaucoup au niveau 4.
Est-ce qu'on fait du back-end ou des bases de données ?
Non. Tout se passe dans le navigateur, avec localStorage et des API publiques. Le serveur, les bases de données et l'authentification sont traités au niveau 5, Développeur full-stack.
Le panier peut-il encaisser un paiement Wave ?
Pas dans ce niveau. Le panier génère une commande WhatsApp préremplie, ce qui correspond à la façon dont beaucoup de boutiques vendent au Sénégal. Un vrai encaissement en ligne demande un serveur, vu au niveau 5.
Combien de temps faut-il prévoir ?
Environ 16 heures avec les exercices et les deux projets. À 4 heures par semaine, compte 4 à 5 semaines.
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, réussissez chaque quiz de module avec au moins 70 % et rendez votre projet final : un formateur le relit et le valide (retour sous 5 jours ouvrés). Le certificat est alors généré, avec un numéro unique et une page publique vérifiable.
Ce que vous saurez faire
- JavaScript moderne ES2015+ (let, const, fonctions fléchées, déstructuration, template literals)
- Traitement de données avec tableaux et objets (map, filter, reduce, JSON)
- Manipulation du DOM et gestion des événements
- Validation de formulaires et persistance avec localStorage
- Appels d'API asynchrones avec fetch et async/await
- Organisation en modules ES et débogage avec les outils de développement
Ce que vous produisez
- Une bibliothèque de fonctions utilitaires testées : formatage FCFA, calcul de TVA, validation de numéros
- Un calculateur de devis interactif relié à un formulaire
- Un formulaire d'inscription validé en direct avec messages d'erreur clairs
- Une page qui affiche des données chargées depuis une API publique, avec état de chargement et gestion d'erreur
- Un catalogue en ligne avec recherche, filtres et panier persistant
- Une commande WhatsApp préremplie générée à partir du panier
- Un dépôt GitHub organisé en modules ES avec un README
Outils utilisés
- VS Code
- Google Chrome et ses outils de développement
- JavaScript (ES2023)
- Node.js pour exécuter des scripts
- JSON
- localStorage
- Fetch API
- GitHub
- Netlify
Ce que vous allez apprendre
- Écrire du JavaScript moderne lisible : variables, types, conditions, boucles et fonctions
- Manipuler des tableaux et des objets avec map, filter, reduce et find pour traiter des données réelles
- Sélectionner et modifier le DOM et réagir aux événements utilisateur
- Valider des formulaires et calculer des montants en FCFA sans erreur d'arrondi
- Mémoriser un état dans le navigateur avec localStorage
- Charger des données depuis une API avec fetch et async/await, en gérant erreurs et chargement
- Organiser son code en modules ES et le déboguer avec la console et les points d'arrêt
Prérequis
- Niveau 2 du parcours (HTML et CSS : créer et mettre en page un vrai site) recommandé, ou savoir intégrer une page responsive en HTML et CSS
- Un ordinateur avec VS Code et Google Chrome installés
- Aucune connaissance préalable en JavaScript
- 4 heures par semaine pendant 4 à 5 semaines
À propos de cette formation
Votre site s'affiche bien, mais il ne fait rien, et le JavaScript que vous avez copié-collé reste une boîte noire. Cette formation reprend le langage depuis le début, pour qui sait déjà monter une page en HTML et CSS. Vous apprenez à transformer un site vitrine en outil qu'une PME utilise : un devis calculé en direct, un panier qui se souvient, une commande WhatsApp prête à partir.
Vous posez d'abord des bases solides : variables, conditions, boucles, fonctions, tableaux et objets. Vous prenez ensuite la main sur la page avec le DOM et les événements, vous validez des formulaires, calculez des montants en FCFA avec la TVA à 18 % et mémorisez des données avec localStorage. Les derniers modules couvrent fetch et async/await sur connexion 3G, puis l'organisation en modules, le débogage et la mise en ligne.
Comptez 16 heures : 6 modules, 30 leçons et 83 exercices corrigés, dont plus de la moitié en code, avec un quiz par module. Deux projets notés sur une grille de critères rythment la formation : un calculateur de devis pour un prestataire de Dakar, puis un catalogue interactif avec panier et commande WhatsApp. Un certificat vérifiable en ligne conclut le tout.
Vous repartez avec une bibliothèque de fonctions testées, une page alimentée par une API publique et un catalogue en ligne avec recherche, filtres et panier persistant. Avec HTML, CSS et JavaScript, un freelance débutant peut facturer 200 000 à 500 000 FCFA un site avec calculateur ou catalogue interactif, et 50 000 à 150 000 FCFA des modules ponctuels pour des PME de Dakar ou d'Abidjan en 2026. Votre portfolio fixe votre place dans la fourchette, et aucun revenu n'est garanti.
C'est le niveau 3 du parcours Développement web : il prolonge HTML et CSS (niveau 2) et pose les fondations de React et Next.js (niveau 4).
Public visé : Intégrateurs HTML et CSS, étudiants en informatique, autodidactes et freelances de Dakar, Abidjan, Bamako, Cotonou ou de la diaspora qui savent monter une page et veulent la rendre interactive : calculs, formulaires, panier, données chargées depuis une API.
Programme
Un chemin module par module : leçons, exercices, quiz et projets à rendre.
Module 1· 13 exercices
Les bases du langage
Tu écris tes premiers programmes en JavaScript avec des variables, des types, des conditions et des boucles, et tu lis les messages d'erreur sans paniquer.
- Où s'exécute JavaScript : navigateur, console et fichier relié à la pageAperçu gratuit3 exercices15 min
- Variables et types : let, const, nombres, chaînes et booléensAperçu gratuit3 exercices18 min
- Conditions et opérateurs : décider selon un montant ou une zone de livraisonAperçu gratuit3 exercices18 min
- Boucles : répéter un calcul sur une liste de commandesAperçu gratuit4 exercices15 min
- Support du module (PDF)Aperçu gratuit5 min
- Quiz : les bases du langageQuiz de validation
Module 2· 14 exercices
Fonctions, tableaux et objets
Tu découpes ton code en fonctions réutilisables et tu traites des listes de produits ou de clients avec les méthodes de tableau.
- Fonctions : paramètres, valeur de retour et fonctions fléchées3 exercices18 min
- Tableaux et méthodes : map, filter, find et reduce3 exercices20 min
- Objets, déstructuration et JSON3 exercices18 min
- Nombres, dates et montants en FCFA : formater sans erreur5 exercices15 min
- Support du module (PDF)5 min
- Quiz : fonctions, tableaux et objetsQuiz de validation
Module 3· 13 exercices
Le DOM et les événements
Tu modifies la page depuis JavaScript et tu réagis aux clics, aux saisies et au défilement.
- Le DOM : sélectionner des éléments et modifier leur contenu3 exercices18 min
- Créer des éléments et afficher une liste à partir d'un tableau2 exercices18 min
- Événements : click, input, submit et délégation4 exercices18 min
- Classes CSS dynamiques : onglets, menu mobile et accordéon4 exercices15 min
- Support du module (PDF)5 min
- Quiz : le DOM et les événementsQuiz de validation
Module 4· 14 exercices
Formulaires, validation et stockage local
Tu construis des formulaires qui guident l'utilisateur et tu mémorises des données dans le navigateur.
- Lire un formulaire avec FormData et empêcher l'envoi par défaut3 exercices15 min
- Valider en direct : numéros sénégalais et ivoiriens, emails et champs obligatoires3 exercices18 min
- Calculs dynamiques : devis, remises, TVA à 18 % et frais de livraison4 exercices18 min
- localStorage : garder un panier ou un brouillon après fermeture de la page4 exercices15 min
- Support du module (PDF)5 min
- Quiz : formulaires, validation et stockageQuiz de validation
- Calculateur de devis pour un prestataire de DakarProjet à rendre
Module 5· 15 exercices
Asynchrone, fetch et API
Tu charges des données depuis un fichier JSON ou une API publique, en gérant l'attente, les erreurs et les connexions lentes.
- Comprendre l'asynchrone : event loop, callbacks et Promises3 exercices18 min
- async et await : écrire de l'asynchrone lisible3 exercices15 min
- fetch : charger un fichier JSON et une API publique4 exercices18 min
- États de chargement, erreurs réseau et connexions 3G5 exercices15 min
- Support du module (PDF)5 min
- Quiz : asynchrone, fetch et APIQuiz de validation
Module 6· 14 exercices
Organiser, déboguer et publier
Tu structures un vrai projet en modules, tu corriges les bugs avec méthode et tu publies une application propre.
- Modules ES : import, export et découpage d'un projet4 exercices15 min
- Déboguer avec méthode : console, points d'arrêt et onglet Réseau4 exercices18 min
- Gérer les erreurs : try, catch et messages utiles pour l'utilisateur3 exercices15 min
- Bonnes pratiques, README et mise en ligne d'une application JavaScript3 exercices15 min
- Support du module (PDF)5 min
- Quiz : organiser, déboguer et publierQuiz de validation
- Projet final : catalogue interactif avec panier et commande WhatsAppCapstone
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 AcademyCertificat de compétences
Votre nom
a suivi et validé la formation
JavaScript : rendre un site vivant et interactif
Compétences travaillées
- JavaScript moderne ES2015+ (let, const, fonctions fléchées, déstructuration, template literals)
- Traitement de données avec tableaux et objets (map, filter, reduce, JSON)
- Manipulation du DOM et gestion des événements
- Validation de formulaires et persistance avec localStorage
- Appels d'API asynchrones avec fetch et async/await
- Organisation en modules ES et débogage avec les outils de développement
Numéro KOL-CERT-2026-XXXXX
Mohamed Bah
Fondateur, Kolonell Academy
Après la formation
Ce qui vous attend une fois la formation terminée
Un certificat vérifiable
Chaque certificat porte un numéro vérifiable en ligne et s'ajoute à votre profil LinkedIn en un clic.
Votre CV relu et amélioré
Depuis votre profil, déposez votre CV : l'équipe le relit et vous aide à le rendre plus clair et plus convaincant.
L'accès au vivier de talents
Les apprenants qui terminent la formation peuvent rejoindre le vivier de talents Kolonell. L'entrée se mérite : formation terminée, exercices rendus. Kolonell y puise aussi pour ses propres recrutements.
Services facultatifs et gratuits pour les apprenants. Ce n'est pas une promesse d'emploi.
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 3 sur 5 · Avancé
Voir les 5 niveaux du parcoursNos engagements
- Accès à vie et mises à jour incluses
- Certificat vérifiable publiquement
- Paiement Wave / Orange Money, activation sous 24 h ouvrées
- Questions au formateur depuis chaque leçon, réponse sous 2 jours ouvrés