Description
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
Public concerné
Développeurs JavaScript confirmés
Architectes
Chefs de projets
Prérequis
Solides connaissance de JavasScript
Fondamentaux des composants du Web
Déroulé du programme
1
Introduction & historique
- 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
2
Evolutions syntaxiques fondamentales
- 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
3
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
- Objets natifs héritables
- Travaux pratiques : Organisation et structuration du code pour une approche Objet par classe. Révision des "Design Pattern
4
Nouvelles API JavaScript avec ES6
- 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
5
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
6
Mise en production
- 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.
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
