Javascript/Ecmascript : Initiation + Approfondissement

Inter-company training

Who is the training for?

Développeurs Web - Webmasters - Intégrateurs

Duration

5,00 day(s)

Language(s) of service

EN FR

Next session

01.06.2026
See details
Location
Luxembourg

Price

2495,00€

Prerequisites

Connaissance en HTML et CSS

Goals

Apprendre et maîtriser les bases de JavaScript, du DOM et de l'Ajax.

Contents

Introduction

Présentation
Panorama des environnements JavaScript
Versions et standard ECMAScript

Écrire des instructions en Javascript

Les variables et les types de données
Les opérateurs
Portée des variables var, let, const
Les intructions de bloc
Les structures de contrôle (conditionnelles et itératives)

Déclarer et appeler des fonctions

Définir une fonction, syntaxe déclarative et expressions
Transmettre des paramètres
Retourner une valeur
Définir des paramètres par défaut
La console (log, debug, info, error, ...)

Interagir avec le document via le DOM

Présentation, historique et version
Les objets window et document
Accéder aux éléments (getElementById, querySelector, querySelectorAll)
Découvrir les évènements
Liste des évènements de souris et de clavier (click, keypress, mouseover, etc)
Gestion des fenêtres et boîtes de dialogues

Atelier : Faire afficher et masquer des balises HTML

Manipuler des tableaux

Présentation et structures d'un tableau
Déclaration de tableau (littéral, constructeur)
Ajout et suppression de données (push(), splice())
Parcourir un tableau (forEach, for of)
Les fonctions spécifiques (slice, pop, shift, reverse, etc)
Les fonctions find() et findIndex()

Appréhender le concept d'objet

Présentation
Les objets littéraux
Ajouter & accéder aux propriétés
Les property shorthand

Exploiter des sucres syntaxiques

Les littéraux de templates
Affectation par décomposition
Rest Parameter & Spread Operator
Les fermetures
Les fonctions fléchées

Atelier : Filtrer des données affichées dans une liste

Déclencher des traitements au travers d'événements

Principe des écouteurs d'évènement
Les évènements attacher au navigateur (load, unload, resize, etc)
Les évènements de formulaire (submit et reset)
Récupérer et manipuler l'évènement
Les fonctions preventDefault() et stopPropagation()

Atelier : Valider les données d'un formulaire

Gérer dynamiquement les attributs

Manipuler les attributs (getAttribute & setAttribute)
Modifier le contenu d'une balises (innerHTML, innerText, innerContent)
Liste des propriétés css en javascript
Modifier le css à l'aide de l'attribut style
Ajout & suppression de class (className, classList)

Parcourir et transformer le DOM

Parcourir l'arbre DOM (parentNode, childNode)
Les fonctions parentChild() et firstChild()
Créer et insérer une balise (createElement, appendChild, createTextNode)
Les fonctions NextSibling et PreviousSibling
Supprimer une balise (removeChild)

Atelier : Réordonner une liste avec du drag & drop

Aller plus loin avec les objets

Le prototypage
Déclaration de méthodes
L'association d'objet rapide ( Object.assign() )
Les chaînes de caractères et les dates
Les méthodes associées aux chaînes de caractères
La classe Math
Internationalisation: format de dates et monétaires

Utiliser les syntaxes de classe

Déclaration de Classe
Constructeur et accesseur
Les variables et méthodes de classe (static)
Héritage
Iterator et Generator
Les collections (Set et Map)

Atelier : Créer le jeu du chifumi en orienté objet

Exploiter les traitements asynchrone avec les promesses

Définition
Créer une promesse
Les fonctions resolve() et reject()
Attacher nos callbacks à une promise (then(), catch()

Atelier : Récupérer des données à l'aide de Promesse

Dialoguer avec un serveur (Ajax, XMLHttpRequest)

Principe de communication asynchrone
Instancier et préparer un objet XMLHttpRequest
Gestion des erreurs
Barre de progression
Protocole HTTP, méthodes et status
Sérialisation et désérialisation de données
Utilisation des données: Le format XML, le format JSON

Atelier : Soumettre et lire des données provenant d'une API REST

Teaching methods

Active Learning

Evaluation

contrôle continu ou certification si prévue dans le financement

Next session

Datum
City
Language and price
01.06.2026

05.06.2026
Luxembourg
FR 2495,00€
See details
01.06.2026

05.06.2026
Bruxelles
FR 2495,00€
See details
08.06.2026

12.06.2026
Paris
FR 2495,00€
See details
08.06.2026

12.06.2026
A distance
FR 2495,00€
See details
15.06.2026

19.06.2026
Strasbourg
FR 2495,00€
See details
10.08.2026

14.08.2026
A distance
FR 2495,00€
See details
10.08.2026

14.08.2026
Paris
FR 2495,00€
See details
17.08.2026

21.08.2026
Luxembourg
FR 2495,00€
See details
17.08.2026

21.08.2026
Bruxelles
FR 2495,00€
See details
24.08.2026

28.08.2026
Strasbourg
FR 2495,00€
See details
19.10.2026

23.10.2026
Paris
FR 2495,00€
See details
19.10.2026

23.10.2026
A distance
FR 2495,00€
See details
26.10.2026

30.10.2026
Luxembourg
FR 2495,00€
See details
26.10.2026

30.10.2026
Bruxelles
FR 2495,00€
See details
02.11.2026

06.11.2026
Strasbourg
FR 2495,00€
See details
07.12.2026

11.12.2026
A distance
FR 2495,00€
See details

Organization contact details

Dawan - Service commercial

These courses might interest you

EN
Day
WPF
On request
Computer language - C# language
EN
Day
JBoss Seam
On request
Computer language - Java language