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 naviGusturs et les principaux frameworks Javascript.

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.

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 naviGusturs 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.