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 œuvre 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

Programme

- 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

- Évé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