M2i Formation

JavaScript - Nouveautés apportées par les versions ECMAScript 6 à 9

Par M2i Formation

Objectifs

  • Connaître et utiliser les apports de la norme ES2015, ou ECMAScript 6
  • Connaître ES2016 (ECMAScript 7), ES2017 et ES2018 (ECMAScript 8 et 9)
  • Exploiter ces particularités dans les nouveaux projets.

Programme

Jour 1

Introduction

  • Rappels sur les aspects avancés de JavaScript
  • Synthèse des apports de ES2015 et ES2016
  • Compatibilité actuelle des browsers
  • Tour d'horizon des outils de développement et d'intégration actuelle
  • Compilateurs disponibles

Apports de ES2015

  • Mot-clé "let"
  • Assignation des variables
  • Constantes
  • Modification des API
  • Utilisation de la nouvelle syntaxe des "arrow functions"
  • Assignations destructurées
  • Formatage des chaînes de caractères
  • Object API, les nouvelles méthodes

Exemples de travaux pratiques (à titre indicatif)

  • Utilisation des nouvelles syntaxes de ES2015
  • Utilisation de "let", fonctions arrow et formatage

Programmation objet en ES2015

  • Classe et héritage
  • Méthodes statiques
  • Création de proxy
  • Nouveaux types
    • Set
    • Map
  • Nouveaux objets héritables

Exemples de travaux pratiques (à titre indicatif)

  • Création d'un projet à base de classes
  • Utilisation de nouveaux types

Modularisation en ES2015

  • Modularisation avec AMD et CommonJS
  • Modularisation avec ES2015
  • Différences entre les trois approches de modularisation
  • Façons pour l'utiliser
  • Gestion des dépendances
  • "Dynamique loading"

Exemples de travaux pratiques (à titre indicatif)

  • Modularisation du projet préalablement conçu avec AMD puis avec ES2015
  • Gestion de dépendances

Jour 2

Itérateurs et générateurs

  • Création d'un itérateur
  • Toutes les nouvelles boucles "For"
  • Création d'un générateur
  • Exploitation d'un générateur

Asynchronisme avec JavaScript

  • Présentation des "promises"
  • Création et utilisation des "promises"

Exemple de travaux pratiques (à titre indicatif)

  • Création d'un projet en utilisant des "promises" et "promises" chaînées

Déployer une application JavaScript à partir de ES2015

  • JavaScript et TypeScript
  • Transpileurs
  • Package managers
  • Traceurs
  • Produit "Babel"
  • Nécessité de packager son code
  • Gestion des packages avec npm
  • Outils de Lint et de test

Exemple de travaux pratiques (à titre indicatif)

  • Utilisation du transpileur Babel pour exécuter JavaScript sur d'anciens browsers

Apports de ES2016 (ECMAScript 7)

  • La fonction Array.prototype.include()
  • L'opérateur Exponentiation

Apports de ES2017 (ECMAScript 8)

  • Async functions
  • Shared memory et les atomics

Apports de ES2018 (ECMAScript 9)

  • Les itérations asynchrones
  • Les propriétés REST / Spread
  • Nouvelles expressions régulières
  • La fonctionnalité Promise.prototype.finally()

Exemple de travaux pratiques (à titre indicatif)

  • Ecriture de sources JavaScript permettant de mettre en oeuvre les apports des versions 2016, 2017 et 2018 de JavaScript

Certification (en option)

  • Prévoir l'achat de la certification en supplément
  • L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
  • Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence

Pédagogie

L'évaluation des acquis se fait :

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Formations de la même catégories (5)

Ambient IT
Vue.JsPar Ambient IT

Créé et propulsé par les développeurs d’alibaba.com, Vue.js est un framework évolutif pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.

Vue.js est connu pour avoir rendu le développement front amusant ! Il est sans conteste le framework web moderne à la foi productif et accessible. Dans cette formation vous apprendrez à créer des interfaces web riches en utilisant Vue.js 2 : templating, composants de vue, découverte de son écosystème.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 2.6).

Tanit Formation
Exploiter la puissance javascript pour dynamiser les applications webPar Tanit Formation

Dans cette formation, vous apprendrez à développer des applications Web côté client en écrivant des scripts JavaScript pour interagir dynamiquement avec le contenu de la page Web, soit en lien avec des actions de l'utilisateur et/ou suite à un échange de données avec un service Web.

Ziggourat
JavaScript PerfectionnementPar Ziggourat

Cette formation vous permet de découvrir les différentes approches de la programmation orientée objet en JavaScript.

ENI SERVICE
Vue.js – Développer des applications WebPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework Vue.js.

Orsys
JavaScript, maîtriser la Programmation Orientée ObjetPar Orsys

Vous renforcerez dans ce cours vos connaissances en programmation Objet sur JavaScript. Vous étudierez en détail son modèle Objet en mettant en œuvre notamment le concept de classes et d'héritage. Vous découvrirez également les mécanismes avancés du JavaScript et l'intérêt de l'intégrer avec du TypeScript.