Formation Maîtriser JavaScript pour des interfaces web dynamiques et interactives

Introduction au Web et JavaScript

• —Explorer l'architecture du Web et le rôle des technologies front-end
• —Comprendre les bases de HTML et sa structure pour le développement web
• —Découvrir JavaScript et son intégration pour rendre les pages interactives
• —Appréhender les concepts de client et serveur dans les applications web
• —Identifier les bonnes pratiques pour écrire un code JavaScript efficace

Bases du langage JavaScript I

• —Variables (var, let, const) et types de données primitifs
• —Opérateurs arithmétiques, d'affectation, de comparaison
• —Conditions (if/else, switch)
• —Boucles (for, while, do/while)

Bases du langage JavaScript II

• —Fonctions : déclaration, appel, paramètres, retour
• —Portée des variables (globale, locale)
• —Tableaux (Arrays) : déclaration, manipulation (push, pop, length)
• —Objets littéraux : propriétés et méthodes

Le Document Object Model (DOM)

• —Qu'est-ce que le DOM ? Représentation arborescente
• —Sélection d'éléments : getElementById, querySelector, querySelectorAll
• —Navigation dans le DOM : parent, enfants, frères/sœurs
• —Modification du contenu textuel (textContent, innerHTML)

Manipulation des attributs et styles

• —Accès et modification des attributs (setAttribute, getAttribute, removeAttribute)
• —Manipulation des classes CSS (classList.add, remove, toggle, contains)
• —Modification directe des styles (style.property)
• —Création et insertion d'éléments (createElement, appendChild, insertBefore)

Gestion des événements

• —Le concept d'événement et le modèle d'écoute
• —addEventListener : syntaxes et meilleures pratiques
• —Événements courants : click, submit, keydown, mouseover
• —L'objet Event (e.target, e.preventDefault)

Formulaires et validation côté client

• —Récupération des valeurs des champs de formulaire
• —Gestion de l'événement submit
• —Validation basique des entrées utilisateur
• —Affichage de messages d'erreurs clairs

Fonctions avancées et programmation asynchrone

• —Fonctions fléchées (Arrow Functions)
• —Callback functions et leurs usages
• —Introduction à la programmation asynchrone : setTimeout, setInterval
• —Gestion simple des erreurs (try...catch)

Introduction aux promesses et Fetch API

• —Le problème du callback hell
• —Les Promesses : concept, états (pending, fulfilled, rejected)
• —Utilisation de Fetch API pour des requêtes HTTP GET
• —Traitement des réponses JSON

Manipulation avancée du DOM et animations

• —Déplacer et cloner des éléments DOM
• —Transitions CSS via JavaScript
• —Animations simples avec setTimeout/setInterval
• —Optimisation des performances DOM (reflow/repaint)

Stockage local et JSON

• —Web Storage API : localStorage et sessionStorage
• —Utilisation des données JSON.stringify() et JSON.parse()
• —Cas d'usage : persistance de données utilisateur, panier
• —Sécurité et limites du stockage local

Projet Pratique et Bonnes Pratiques

• —Réalisation d'une application dynamique simple (ex: ToDo List)
• —Structuration du code JavaScript (modules, fonctions)
• —Bonnes pratiques de développement : commentaires, lisibilité
• —Débogage avec les outils de développement du navigateur
• —✅ Compétences :

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

Connaissances de base en HTML (structure des balises, attributs).Connaissances de base en CSS (sélecteurs, propriétés de style).Compréhension des principes du web (client/serveur, navigateur).

Un ordinateur (PC ou Mac) avec un accès internet stable.Un éditeur de code (VS Code, Sublime Text, Atom, etc.) installé.Un navigateur web moderne (Chrome, Firefox, Edge, Safari) à jour.

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Les objectifs du cours sont de maîtriser les bases de JavaScript, de créer des interfaces web interactives et dynamiques, et de structurer son code pour une efficacité maximale.

Aucun prérequis spécifique, mais des connaissances de base en HTML et CSS sont recommandées.

Le cours couvre les fondamentaux de JavaScript, la manipulation du DOM, la gestion des événements utilisateur et formulaires, ainsi que la structuration du code JavaScript.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.