> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation ECMAScript 6, mise en oeuvre > Formations > Technologies numériques > Formation ECMAScript 6, mise en oeuvre

Formation : ECMAScript 6, mise en oeuvre

anticiper la migration des applications

ECMAScript 6, mise en oeuvre

anticiper la migration des applications
Télécharger le programme Partager cette formation

Télécharger le programme Partager cette formation

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 des dernières versions EcmaScript (2015, 2016, 2017).


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. SPT
Prix : 2030 € H.T.
  3j - 21h00
Pauses-café et
déjeuners offerts




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 des dernières versions EcmaScript (2015, 2016, 2017).

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Découvrir les nouveautés syntaxiques du JavaScript
  • Maîtriser les nouvelles API
  • Utiliser ES6 en production
  • Anticiper l'évolution des frameworks du Front-End
  • Se préparer aux nouvelles méthodes de développement JavaScript

Public concerné
Développeurs JavaScript confirmés, architectes et chefs de projets.

Prérequis
Bonne connaissance de JavasScript (ES5) est requise. Connaissance de base des composants du Web.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la formation

De JavaScript ES5 à ES2017

  • EcmaScript : é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.
Travaux pratiques
Vous programmerez, à partir d'exemples fournis, un micro framework applicatif JavaScript.

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 : "yield" et "generator object".
  • Fonction itératrice : "iterator".
  • Objet littéral : évolution.
Travaux pratiques
Migration du code vers ES6.

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.
Travaux pratiques
Organisation et structuration du code pour une approche Objet par classe. Révision des "Design Pattern".

Nouvelles API JavaScript avec ES6

  • Promise, async/await : gestion des traitements asynchrones.
  • Object.API : revisiter les méthodes.
Travaux pratiques
Développement d'un service de données Ajax utilisant l'API des Promise.

Modules JavaScript

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

Mise en production

  • Stratégie : "transpiler", "package manager" et système de module.
  • Choix du "transpiler" : présentation des solutions (Traceur, Babel).
  • Typage : mise en œuvre de TypeScript, Flow.
  • 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...).
Travaux pratiques
Création et intégration de package dans le développement.


Modalités pratiques
Travaux pratiques
Réalisation d'une application et portage en modules ES6.
Méthodes pédagogiques;
Développement. Migration d'applications existantes. 50% de théorie illustrée par 50% de pratique.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.

Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance