Aller au contenu

JavaScript : rendre ses pages web interactives

Variables, fonctions, DOM, événements et appels d'API : programmez des interfaces vivantes et utiles.

Débutant 7 h 05 14 leçons En ligne, à son rythme Français Certificat de réussite

Proposé par Spectral Academy · Formateur : KANGAH

Version 1 · mise à jour le 19/10/2026

Ce que vous allez apprendre

  • Écrire des programmes simples avec variables, conditions, boucles et fonctions
  • Manipuler tableaux et objets pour gérer des données
  • Sélectionner et modifier les éléments d'une page (DOM)
  • Réagir aux actions de l'utilisateur avec les événements et valider un formulaire
  • Récupérer des données d'une API avec fetch et les afficher

Programme

5 modules · 14 leçons · 7 h 05

Objectif : Écrire ses premières instructions JavaScript Utiliser variables, types, conditions et boucles

  • Premiers pas : variables et types Aperçu gratuit 20 min
  • Conditions et boucles 25 min
  • Bases de la programmation 10 min

Objectif : Écrire des fonctions réutilisables Structurer des données avec tableaux et objets

  • Les fonctions 20 min
  • Tableaux et objets 25 min
  • Fonctions, tableaux et objets 10 min

Objectif : Manipuler les éléments de la page Réagir aux actions de l'utilisateur

  • Sélectionner et modifier la page (DOM) 25 min
  • Événements, formulaires et stockage local 25 min
  • DOM et événements 10 min

Objectif : Comprendre l'asynchrone Récupérer et afficher des données d'une API

  • Fetch, promesses et async/await 25 min
  • Organiser son code et déboguer 20 min
  • Asynchrone et API 10 min

Objectif : Valider les fondamentaux de JavaScript

  • Évaluation finale 20 min
  • Mini-application de catalogue interactif 3 h

Description

Le langage du web interactif

Un menu qui s'ouvre sur mobile, un panier qui se met à jour, un formulaire qui signale une erreur avant l'envoi, une liste filtrée en temps réel : tout cela, c'est JavaScript. C'est le seul langage de programmation exécuté nativement par tous les navigateurs, et l'un des plus utilisés au monde.

Ce que vous allez apprendre

  • Les bases de la programmation : variables, types, conditions, boucles, fonctions ;
  • Les tableaux et les objets pour structurer des données ;
  • Le DOM : lire et modifier la page ;
  • Les événements : clics, saisie, envoi de formulaire ;
  • La validation de formulaire côté navigateur ;
  • Le stockage local et les appels d'API avec fetch.

Fil rouge

Vous construirez progressivement une mini-application de catalogue : affichage d'une liste de produits, recherche instantanée, filtre par catégorie, panier mémorisé dans le navigateur et chargement de données depuis un fichier JSON.

Méthode

Chaque notion est illustrée par du code commenté, à taper et tester dans la console du navigateur (touche F12). Les exercices sont progressifs ; prenez le temps de faire des erreurs et de les corriger : c'est le cœur de l'apprentissage.

Prérequis

  • Connaître les bases de HTML et CSS (formation « HTML et CSS : créer son premier site web » recommandée)
  • Disposer d'un ordinateur avec un éditeur de code et un navigateur récent

Pour qui ?

  • Débutants en programmation ayant déjà fait du HTML/CSS
  • Futurs développeurs web front-end et full-stack
  • Intégrateurs web souhaitant ajouter de l'interactivité

Compétences et mots-clés

Logique de programmationManipulation du DOM et gestion des événementsConsommation d'API et données JSON #développement web#JavaScript#programmation#DOM#front-end

Certification

Certificat de réussite

  • Terminer toutes les leçons obligatoires
  • Réussir les évaluations avec un score moyen d'au moins 70 %

Document numéroté, vérifiable en ligne. Ce n'est ni un diplôme d'État ni une certification accréditée.

Document délivré par Spectral Academy via SUO, avec un identifiant unique vérifiable en ligne. Il ne constitue pas un diplôme d'État ni une certification accréditée par un organisme public, sauf mention explicite et vérifiable.

Avis des apprenants

Pas encore d'avis

Seuls les apprenants inscrits ayant suivi une partie de la formation peuvent laisser un avis vérifié.

Formateur

K

KANGAH

Organisme

S Spectral AcademyCabinet de formation

Formations associées