Javascript

Objectifs

Connaître le langage Javascript afin de développer des pages Web interactives et réactives.
Compétences visées
- Se familiariser avec l'historique, les différentes versions de JavaScript et les environnements d'utilisation du langage.
- Manipuler les variables, opérateurs, structures de contrôle et objets fournis par le langage JavaScript.
- Appliquer les particularités de JavaScript comme les prototypes, les fonctions anonymes et les fonctions flèches.
- Utiliser JavaScript dans le contexte du navigateur en exploitant le BOM, DOM et les API JavaScript HTML5.
- Gérer les événements DOM en maîtrisant les concepts de bouillonnement, propagation et délégation d'événements.
- Mettre en oeuvre des techniques d'asynchronisme, notamment les callbacks, les promesses et les fonctions asynchrones.
- Explorer l'écosystème JavaScript, en comprenant l'environnement d'exécution node.js et en comparant différents frameworks JavaScript.

Programme de la formation

- Présentation de Javascript
Histoire du langage
Les versions de Javascript, Jscript, ECMAScript
Environnements d'utilisation de Javascript
- Bases du langage JavaScript
Les variables et leur portée
Types fournis par Javascript
Les opérateurs et structures de contrôle
« Objets » fournis par le langage
Définition de fonctions, arguments
Outils de débogage (navigateurs et IDE)
JavaScript Object Notation (JSON)
Documentations en ligne
- Particularités de Javascript
Prototypes vs objets
Fonctions anonymes, fonctions flèches et fermetures
Ajout de membres aux prototypes de base
Fonctions ayant valeur de constructeur
- Javascript dans le contexte du navigateur
Incompatibilités historiques entre navigateurs
BOM et DOM
API Javascript HTML 5
- Evénements DOM
Réaction à un événement
Principaux événements du DOM
Bouillonnement, propagation, délégation, interruption d'événements
- Javascript et asynchronisme
Principe de l'asynchronisme en Javascript
Les fonctions de rappel
Cas d'usage de l'asynchronisme : requêtes AJAX
L'enfer des callbacks
Gestion de l'asynchronisme via les promesses
Gestion de l'asynchronisme via les fonctions asynchrones
- Écosystème Javascript
Environnement d'exécution node.js
Évocation et comparaison de différents Framework Javascript : jQuery, Bootstrap, Angular, React, Vue.js, RxJS

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique