Support & Downloads

Quisque actraqum nunc no dolor sit ametaugue dolor. Lorem ipsum dolor sit amet, consyect etur adipiscing elit.

s f

Contact Info
198 West 21th Street, Suite 721
New York, NY 10010
youremail@yourdomain.com
+88 (0) 101 0000 000
Follow Us

ECMAScript 6 - Mise en oeuvre

réf : DEV-ECMA
Formation SI - Architectures

Objectif de formation : Cette formation vous permettra d’utiliser en production dès aujourd’hui les nouvelles fonctionnalités des dernières versions EcmaScript.

Objectifs pédagogiques

  • Découvrir les nouveautés syntaxiques du JavaScript
  • Utiliser les nouvelles API
  • Déployer ES6 en production
  • Appréhender l’évolution des frameworks du Front-End et s’y préparer
  • Maîtriser les nouvelles méthodes de développement JavaScript

Pré-requis

Solides connaissance de JavasScript

Fondamentaux des composants du Web

Public concerné

Développeurs JavaScript confirmés, architectes, chefs de projets…

Programme

  • EcmaScript : évolution & « roadmap »
  • ES5, rappel des Best Practices
  • Instauration de règles de programmation
  • ES5  »use strict » & méthodes moins connues
  • API issues de la communauté JavaScript
  • Support courant pour ES6 : compilateurs, polifylls, navigateurs serveurs
  • Environnement & outils pour le développeur

Travaux pratiques

Programmation d’un micro framework applicatif JavaScript

  • Constantes et variables de bloc
  • Assignation destructurée
  • Chaînes de caractères
  • Fonction, paramètres par défaut, opérateurs « rest/spread »
  • Arrow Function
  • Fonction génératrice
  • Fonction itératrice
  • Objet littéral

Travaux pratiques

Migration du code vers ES6

  • Modèles de classe et héritage & méthodes statiques
  • Création de « proxy »
  • Design pattern
  • Nouveaux types
  • Objets natifs héritables

Travaux pratiques

Organisation et structuration du code pour une approche Objet par classe. Révision des « Design Pattern »

  • Gestion des traitements asynchrones avec promise, async/await
  • Revisiter les méthodes : Object.API

Travaux pratiques

Développement d’un service de données Ajax utilisant l’API des Promise

  • 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

  • Stratégie : « transpiler », « package manager » & 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 & solutions
  • Création de package avec npm, bower et jspm
  • Choisir entre RequireJS, Browserify, WebPack et SystemJS
  • Interactions avec les autres outils

Travaux pratiques

Création et intégration de package dans le développement

Équipe pédagogique

Professionnel expert technique & pédagogique

Moyens pédagogiques et techniques

  • Espace intranet de formation.
  • Documents supports de formation projetés.
  • Exposés théoriques
  • Étude de cas concrets
  • Mise à disposition en ligne de documents supports à la suite de la formation.

Dispositif de suivi

  • Émargement numérique.
  • Mises en situation.
  • Formulaires d’évaluation de la formation.
  • Certificat de réalisation de l’action de formation.

Vous avez une question ?

    Jours

    3 (21 heures)

    Prix

    1850 € HT

    Télécharger