Débutant
Gratuit Populaire
JavaScript Moderne - Rendre tes Pages Web Vivantes et Interactives
Formation gratuite : maîtrise JavaScript pour créer des sites interactifs, valider des formulaires et préparer ton entrée dans le développement web professionnel avec Laravel ou Flutter.
Ce que vous allez apprendre
- Comprendre les bases de JavaScript : variables, types, fonctions, conditions, boucles
- Manipuler le DOM et réagir aux événements utilisateur (clics, formulaires, clavier)
- Travailler avec les tableaux, objets et les fonctions avancées (ES6+)
- Faire des requêtes fetch pour consommer une API et afficher des données dynamiques
- Créer des projets concrets : calculatrice, formulaire interactif, affichage de données en temps réel
- Être prêt(e) à attaquer Laravel Full Stack ou Flutter & Dart
À propos de cette formation
JavaScript est le langage qui donne vie aux sites web. Sans lui, les pages restent statiques — avec lui, elles réagissent, animent, vérifient, communiquent.
Dans cette formation gratuite, tu vas apprendre à :
• Comprendre les bases du langage : variables, fonctions, conditions, boucles
• Manipuler le DOM pour modifier une page en temps réel
• Gérer les événements : clics, saisies, soumissions de formulaires
• Travailler avec les tableaux et objets pour organiser tes données
• Faire des appels fetch / API pour afficher des données dynamiques
• Utiliser les bases de ES6+ : arrow functions, destructuring, modules
À la fin de cette formation, tu sauras créer des interfaces interactives professionnelles et tu seras prêt(e) à passer à l'étape suivante : Laravel Full Stack pour le développement web complet, ou Flutter & Dart pour les applications mobiles.
💡 Cette formation est le chaînon manquant entre HTML/CSS et le développement web professionnel. Ne la saute pas.
Dans cette formation gratuite, tu vas apprendre à :
• Comprendre les bases du langage : variables, fonctions, conditions, boucles
• Manipuler le DOM pour modifier une page en temps réel
• Gérer les événements : clics, saisies, soumissions de formulaires
• Travailler avec les tableaux et objets pour organiser tes données
• Faire des appels fetch / API pour afficher des données dynamiques
• Utiliser les bases de ES6+ : arrow functions, destructuring, modules
À la fin de cette formation, tu sauras créer des interfaces interactives professionnelles et tu seras prêt(e) à passer à l'étape suivante : Laravel Full Stack pour le développement web complet, ou Flutter & Dart pour les applications mobiles.
💡 Cette formation est le chaînon manquant entre HTML/CSS et le développement web professionnel. Ne la saute pas.
Prérequis
- Avoir suivi les formations HTML5 et CSS3 de CodAfrik (ou connaître les bases du HTML/CSS). Aucune notion de programmation requise - JavaScript sera ton premier vrai langage. Un ordinateur avec Chrome et VS Code suffisent.
Technologies & outils
JavaScriptHTMLCSSDOMES6fetchAPI
Programme du cours
5 modules · 25 leçons- Bienvenue dans JavaScript — Pourquoi apprendre JS ? Aperçu gratuit
- Variables et types de données (var, let, const) Aperçu gratuit
- Conditions et opérateurs (if, else, ternaire)
- Boucles — for, while et forEach
- Quiz — Module 1 : Les bases
- Fonctions : déclarer, appeler et retourner
- Introduction au DOM — Qu'est-ce que c'est ?
- Sélectionner et modifier des éléments HTML
- Événements — clic, clavier, formulaires
- Projet — Calculatrice simple en JavaScript
- Quiz — Module 2 : Fonctions et DOM
- Tableaux — créer, parcourir, filtrer (map, filter, reduce)
- Objets JavaScript — propriétés et méthodes
- ES6+ — Arrow functions, destructuring, spread
- Template literals et modules ES6
- Quiz — Module 3 : Tableaux, objets et ES6+
- Qu'est-ce qu'une API REST ? JSON et les données
- fetch() — faire une requête GET et afficher les données
- async / await — écrire du code asynchrone propre
- Projet — Afficher une liste de produits depuis une API
- Quiz — Module 4 : Fetch et les API
- Projet final — Application Todo List interactive
- Révision complète — Ce que tu sais maintenant faire
- Et après ? Laravel Full Stack ou Flutter — choisir ta voie
- Quiz final — JavaScript Moderne
