JavaScript : rendre un site vivant et interactif

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

À propos de cette formation

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.

1. 1

   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
2. 2

   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
3. 3

   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
4. 4

   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
5. 5

   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
6. 6

   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

7. Certificat inclus

Questions sur cette formation