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

Avis loadedNote : 4,8Length : 5TotalNote : 95TotalNote20 : 4
Toutes nos formations Développement Front-End

Formation ECMAScript 6, mise en oeuvre
anticiper la migration des applications

4,8 / 5
Stage pratique
Durée : 3 jours
Réf : SPT
Prix  2021 : 2050 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis clients
Programme

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

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.
PROGRAMME DE 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.

Participants / Prérequis

» Participants

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.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis clients
picto avis clients
PAUL J. 06/09/2021
4 / 5
Peut etre un manque de temps de pratique individuelle pour réfléchir et chercher des solutions. Un TP un peu long qui peut etre qui peut etre compliqué de suivre si on perd le fil a un moment. L’acces a gitLab et au source est un bon point. TypeScript bien :) Petit bémol sur le niveau tres différent des participants en terme de connaissance JS et autre (GIT), qui peu retarder.
DAVID G. 06/09/2021
5 / 5
Les derniers points abordés étaient plutôt techniques pour mon niveau et leur présentation a été du coup un peu rapide à mon goût. Manque de la pratique (du temps donc).
HUGO D. 24/02/2021
5 / 5
Très bonne formation
Afficher plus d’avis
KÉVIN D. 24/02/2021
5 / 5
Parfait.
MANUEL W. 30/11/2020
5 / 5
Excellent
Avis clients 4,8 / 5

Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.