Objectifs de la formation ECMAScript 2015/2016
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.
À qui s’adresse cette formation ?
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)
Contenu du cours ECMAScript 2015/2016
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
Travaux Pratiques
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.