Formation ECMAScript, ES6,7,8 et ESNext : programmation Javascript moderne

ECMAscript provient de la standardisation du langage Javascript selon les normes ECMA. La version 6 (ES6 / ES2015) a amené de nombreux changement car elle était séparée de 6 ans de la version ES5. Aujourd’hui les changements amenés par les dernières versions sont publiés tous les ans : ES2016, ES2017, ESNext, etc. et sont moins significatifs. Il est donc très important pour un développeur Javascript de maîtriser les apports de la version ES6 que l’on rencontre également comme socle des frameworks standards comme AngularJs, NodeJS, ReactJS, etc. L’objectif principal de cette formation Javascript ES6/7, ESNext, est de vous amener à maîtriser les nouvelles composantes de ce langage et d’améliorer la qualité de votre code.

Parmi les principales nouveautés Javascript vous apprendrez à utiliser les nouveaux keywords « let » et « const », vous saurez manipuler les littéraux de gabarit ainsi que les opérateurs « spread » et « rest », vous comprendrez l’intérêt des fonctions fléchées, vous saurez affecter des variables depuis des tableaux ou des objets (décomposition), vous apprendrez à gérer les événements asynchrones avec les promesses (promises), vous utiliserez efficacement les constructeurs et les classes et enfin vous donnerez une dimension plus professionnelle à vos développements en les structurants en modules.

Etant donné le caractère évolutif des versions une attention particulière sera donnée à la compatibilité avec les navigateurs et les principaux frameworks Javascript.

Public :

Ce stage pratique s'adresse à tous les informaticiens chargés de l'aspect interactif d'un site web ou d'une application, aux développeurs souhaitant découvrir les nouveautés du langage Javascript ES 6/7 .
Attention, cette formation ne s’adresse pas spécialement aux intégrateurs ou aux designers.

Prérequis :

Ce cours nécessite un minimum de connaissance dans le langage Javascript ,vous pouvez obtenir ces connaissances en suivant la formation JavaScript, les fondamentaux (IJDH)

De Javascript 5 à ESNext

Vocabulaire et normes (Ecma, typescript, Ecmascript, Javascript, ES6/ES2015, ES7/ES2017, ESNext, etc.)
Les objectifs de ES6
Les librairies Underscore et Lodash
Le système d'apport progressif (staging)
Le niveau d'implémentation des navigateurs
Les frameworks utilisant ES6

Apports d'ECMAscript dans la syntaxe 

Déclaration de variables avec let et const
Les Symboles
Objets littéraux
Propriétés calculées

Les modules et le build

Etat de l'existant: AMD, CommonJS
Babel
Rollup
Publier sur npm
Flow et Typescript

Les Classes et fonctions avec ECMAscript

Les classes
Ecriture des fonctions
Fat arrow
this et la fonction bind()
Manipulation « propre » des objets Javascript (getter, setter)
Valeurs par défaut d'un paramètre
Quand utiliser des méthodes statiques ?

Les String template

L'interpolation des strings
Les string multilignes

Traitement asynchrone

Promises
Création d'une Popup utilisant une Promise
Le réseau avec fetch
Async/await

Structures et Itérations

Set
Maps et weakMaps
Boucles avec for…of
Le protocole d'itération

Destructuration

L'opérateur de décomposition (...)
Décomposition d'objets
Décomposition de tableaux
Exemples d'utilisation

Cette formation est essentiellement pratique et nous vous proposons de nombreux travaux pratiques pour mettre en œuvre les nouveautés pertinentes JavaScript avec ECMAScript 6.