JavaScript pour débutants : rendre une page web interactive
Apprenez les bases de JavaScript pour dynamiser vos pages web : variables, conditions, fonctions, DOM, événements, formulaires et sauvegarde locale, avec des exemples concrets du Sénégal.
Par Admin Xamle
Ce que vous allez apprendre
- Intégrer un script JavaScript dans une page HTML et utiliser la console du navigateur
- Manipuler des variables, des types de données et des opérateurs
- Écrire des conditions, des boucles et des fonctions réutilisables
- Utiliser des tableaux et des objets pour organiser des données
- Sélectionner, modifier, créer et supprimer des éléments du DOM
- Réagir aux actions de l'utilisateur grâce aux événements
- Récupérer et valider les données d'un formulaire
- Construire et sauvegarder une mini-application interactive (panier d'achat)
Présentation
Cette formation pratique vous fait passer d'une page HTML statique à une page interactive. En 5 modules progressifs, vous apprenez à écrire vos premiers scripts, à manipuler des données (prix en FCFA, listes de produits, ventes), à modifier une page avec le DOM, à réagir aux clics et aux saisies, à valider des formulaires (numéros de téléphone sénégalais, montants) et à sauvegarder des données dans le navigateur.
Chaque notion est illustrée par des cas réels : boutique à Dakar, restaurant à Saint-Louis, simulateur de transfert d'argent, agence de voyage, mini-boutique à Ziguinchor. Vous terminez par un projet complet : un panier d'achat fonctionnel et persistant.
À la fin, vous serez capable de lire, écrire et déboguer du JavaScript simple pour ajouter de l'interactivité à n'importe quel site.
Compétences acquises
Prérequis
- Connaître les bases du HTML (balises, attributs id et class)
- Avoir des notions de CSS (sélecteurs, classes)
- Disposer d'un ordinateur avec un navigateur récent (Chrome, Firefox ou Edge) et un éditeur de code (VS Code recommandé)
Programme
5 modules · 12 leçons
1Module 1 - Premiers pas : script, console, variables et types2 leçons
•Intégrer JavaScript dans une page HTML, utiliser la console du navigateur et manipuler des variables, des types de données et des opérateurs.
- Où et comment écrire du JavaScript20 min
- Variables, types de données et opérateurs30 min
- 2 exercice(s)
- 1 mini-test
2Module 2 - Conditions, tableaux, boucles et fonctions3 leçons
•Écrire la logique d'un programme : prendre des décisions avec des conditions, traiter des listes de données avec des boucles et regrouper le code dans des fonctions réutilisables.
- Prendre des décisions avec les conditions20 min
- Tableaux, objets et boucles25 min
- Fonctions : du code réutilisable20 min
- 2 exercice(s)
- 1 mini-test
3Module 3 - Manipuler la page avec le DOM3 leçons
•Sélectionner des éléments HTML depuis JavaScript, modifier leur contenu, leurs attributs et leur style, puis créer et supprimer des éléments dynamiquement.
- Comprendre le DOM et sélectionner des éléments15 min
- Modifier le contenu, les attributs et les styles20 min
- Créer et supprimer des éléments20 min
- 1 exercice(s)
- 1 mini-test
4Module 4 - Événements et formulaires2 leçons
•Faire réagir la page aux actions de l'utilisateur (clics, saisies, envoi de formulaire) et valider les données saisies avant de les traiter.
- Réagir aux actions avec addEventListener25 min
- Récupérer et valider un formulaire30 min
- 2 exercice(s)
- 1 mini-test
5Module 5 - Projet : une mini-boutique interactive et persistante2 leçons
•Assembler toutes les notions dans une application complète : organiser le code (données, état, affichage, événements), sauvegarder les données avec localStorage et déboguer les erreurs courantes.
- Organiser une petite application25 min
- Sauvegarder avec localStorage et déboguer25 min
- 2 exercice(s)
- 1 mini-test
Formateur
Admin Xamle
Avis
-
-0 avis
Pas encore d'avis pour cette formation.