JavaScript - Les fondamentaux : créer des sites web dynamiques et interactifs

Objectifs

• Appréhender Javascript dans la construction de sites et applications web


• Maîtriser les fonctionnalités essentielles


• Manipuler les pages et les rendre dynamiques


• Gérer les/Réagir aux événements et accroître l'interactivité


• Développer en Responsive Design

Programme de la formation

    Programme : JavaScript Fondamentaux & Dynamisation Web (3 Jours)


    Jour 1 : Architecture Web, Environnement (NodeJS) & Syntaxe ES6+

    Écosystème : Rôle de JavaScript face au couple HTML5/CSS3, architecture du DOM et exécution des scripts côté client (navigateur) vs côté serveur (NodeJS).


    Syntaxes Core : Variables (let, const), fonctions fléchées, méthodes itératives (map, filter, forEach) et Programmation Orientée Objet (classes, héritage, getters/setters).


    Compatibilité : Gestion de la rétrocompatibilité, tables de correspondance, polyfills et introduction aux compilateurs.


    Pratique : Initialisation de scripts sous NodeJS/Navigateur et manipulation algorithmique de données.


    Jour 2 : API DOM, Flux JSON & Asynchronisme (AJAX)

    Dynamisation : Sélection, modification et insertion d'éléments via l'API DOM. Exploitation du format de données JSON et manipulation des attributs data-*.


    Interactivité : Gestion des événements (Event Listeners), mécanismes de fonctions de rappel (callbacks) et introduction aux traitements asynchrones.


    Pratique : Génération dynamique d'une liste de produits à partir d'un flux JSON et implémentation d'une requête AJAX pour sécuriser l'envoi d'un formulaire.


    Jour 3 : Responsive JS, Stratégies Mobile-First & Frameworks

    Adaptabilité : Gestion des résolutions en JavaScript via matchMedia, détection des terminaux par l'User-Agent et adaptations fonctionnelles selon le périphérique.


    Industrialisation : Limites du JS natif, comparaison entre Librairies et Frameworks (SPA, gestion d'état, routage) et gestion sécurisée des dépendances avec NPM.


    Pratique : Création d'une interface responsive adaptative (menu/onglets) et intégration d'une librairie graphique externe (ex: Chart.js).

Validation et sanction

Attestation

Type de formation

Non certificiante

Sortie

Sans niveau spécifique

Code Rome

Modalités pédagogiques

Durée

21 heures en centre

Conventionnement : Non

Financeur(s)

Autre

Public(s)

Tout public

Modalités de recrutement et d'admission

Niveau d'entrée : Sans niveau spécifique

Conditions spécifiques et prérequis

Posséder des connaissances en HTML et CSS Avoir des bases en programmation structurée Un questionnaire de positionnement sera réalisé au préalable pour adapter la formation à vos besoins

Modalités d'accès

formation entièrement présentielle

Adresse

142 Route d'Albi
31200 - Toulouse

Responsable : NAPSIA
Téléphone fixe :
Contacter l'organisme

Contact sur la formation

142 route d'Albi
31200 - Toulouse

Responsable : Madame Setti BENCHEHIDA
Téléphone fixe : 0562841013
fax :
Site web :
Contacter l'organisme

Contacter l'organisme formateur

NAPSIA
SIRET: 88040241700047
31200 Toulouse
Responsable : BENCHEHIDA
Téléphone fixe : 0562841013
Site web :
Contacter l'organisme

du 24/06/2026 au 24/06/2028
débutant le : 24/06/2026

Adresse d'inscription

142 Route d'Albi
31200 - Toulouse

Etat du recrutement : Ouvert
Modalités : Entrées/sorties permanentes

NAPSIA
SIRET : 88040241700047

Adresse

142 route d'Albi
31200 - Toulouse

Téléphone fixe : 0562841013
Contacter l'organisme