Site Web > Javascript ES6

Ecmascript 6, mettre en oeuvre le nouveau JavaScript

Le langage JavaScript est devenu un langage incontournable dans les développements web et mobiles tant côté client que côté serveur avec notamment Node.js. Cette formation vous permettra d'utiliser en production dès aujourd'hui les nouvelles fonctionnalités de la dernière version EcmaScript 2015.

3 jours

Au centre ou
dans vos locaux

Devis sur demande

Certification

Pré-requis :


Bonne connaissance de JavasScript (ES5) est requise.
Connaissance de base des composants du web.

Objectifs :


  • Découvrir les nouveautés syntaxiques du JavaScript

  • Maîtriser les nouvelles API

  • Utiliser ES6/ES2015 en production

  • Anticiper l’évolution des Frameworks du Front-End

  • Se préparer aux nouvelles méthodes de développement JavaScript.

Programme :

De JavaScript ES5 à ES2015

  • ES5, JS.next, ES6 / ES2015 évolution et « roadmap ».
  • ES5, rappel des bonnes pratiques. Etablir les règles de programmation.
  • ES5  »use strict » et méthodes moins connues.
  • API issues de la communauté JavaScript.
  • Support courant pour ES6 : compilateurs, polifylls, navigateurs serveurs.
  • Environnement et outils pour le développeur.

Evolutions syntaxiques fondamentales

  • Constantes et variables de bloc. Assignation destructurée.
  • Chaînes de caractères : multiligne, template, formatage.
  • Fonction, paramètres par défaut, opérateurs « rest / spread ».
  • « Arrow Function » : portée lexicale. Usages.
  • Fonction génératrice : « yeld » et « generator object ».
  • Fonction itératrice : « iterator ».
  • Objet littéral : évolution.

POO, nouveautés pour la conception objet

  • Modèles de classe et héritage. Méthodes statiques.
  • Création de « proxy ». Design pattern.
  • Nouveaux types : Set, Weakset, Map, Weakmap.
  • Objets natifs héritables.

Nouvelles API JavaScript avec ES6

  • Promise : gestion des traitements asynchrones.
  • Object.API : revisiter les méthodes.

Modules JavaScript

  • Asynchronous Module Definition ou CommonJS.
  • Système natif de gestion des modules.
  • Gestion et résolution des dépendances.
  • Chargement dynamique.

Mise en production

  • Stratégie : « transpileur », « package manager » et système de module.
  • Choix du « transpiler » : présentation des solutions.
  • Mise en oeuvre de TypeScript, Traceur, Babel.
  • Pourquoi « packager » son code ? Avantages et solutions.
  • Création de package avec npm, bower et jspm.
  • Choisir entre RequireJS, Browserify, WebPack et SystemJS.
  • Interactions avec les autres outils (linting, test…).

 

Vous êtes*
Société
Numéro de SIRET
Code NAF
Votre prénom*
Votre nom*
Adresse Email*
Téléphone*
Sujet*
Message*

* Champs obligatoires