Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Javascript > Ecmascript 6 (ES6) - Développement avec la dernière version du JavaScript

Ecmascript 6 (ES6) - Développement avec la dernière version du JavaScript

Mettre à profit les possibilités offertes par l'évolution de JavaScript

JavaScript a été plébiscité dans les années 2000 par les développeurs à qui il permettait d'ajouter des interactions avec les utilisateurs et ainsi de créer des pages web plus dynamiques. N'ayant pendant longtemps que peu évolué, il a peu à peu été délaissé au profit d'autres langages. Jusqu'à ce qu'il fasse l'objet de profondes évolutions ! Renommé ECMAScript, ce langage de script orienté prototype permet dorénavant de manipuler plus simplement les objets d'une page web, et ainsi de proposer davantage d'interactivité avec les utilisateurs. L'engouement est tel que des géants de l'internet se sont appuyés sur ECMAScript pour développer leurs propres langages (comme Microsoft avec TypeScript ou Google avec Angular par exemple).

Objectifs

  • Maîtriser la programmation orientée Objet avec ECMAScript 6
  • Découvrir les nouvelles fonctionnalités ajoutées au langage de programmation JavaScript avec la sixième édition du standard ECMAScript
  • Être capable d'implémenter l'héritage et le polymorphisme
  • Comprendre comment travailler avec les tableaux et les collections

Public

  • Développeurs Web

Prérequis

  • Connaissance de la programmation JavaScript

Programme de la formation

Introduction à la Programmation Orientée Objet avec JavaScript

  • Pourquoi utiliser les classes et les modules
  • Présentation des outils nécessaires
  • Graphique de compatibilité JavaScript

Premiers pas POO avec ES6

  • Premiers modules
  • Classes et Objets
  • Création de classes
  • Constructeurs et propriétés
  • Attributs statiques
  • Méthodes
  • Méthodes Statiques
  • Getters & Setters

Héritage & polymorphisme

  • Qu'est-ce que l'héritage
  • Étendre une classe
  • Héritage de constructeurs
  • Héritage d'attributs
  • Héritage de méthodes
  • Organisation de notre code

Nouveaux types et extensions

  • Symboles
  • Extension d'objets
  • Extension de Object
  • Extension de String
  • Extension de Number
  • Extension de Math
  • Extension de RegEx
  • Extension de Function

Itérateurs, générateurs et promesses

  • Itérateurs
  • Générateurs
  • Utilisation de yield dans les générateurs
  • Utilisation de throw et return
  • Promesses
  • Utilisation avancée des promesses

Les tableaux et les collections (nouvelles APIs ES 6)

  • Extension de Array
  • ArrayBuffers et Typed Arrays
  • DataView et Endianness
  • Map and WeakMap
  • Set et WeakSet

L'API Reflect

  • Construction et appel de méthodes
  • Reflect & Prototypes
  • Reflect et Propriétés
  • Reflect et extension de propriétés

L'API Proxy

  • Définition d'un proxy JavaScript
  • Traps
  • Le Get by Proxy
  • Appel de fonction via un proxy
  • Prototype via proxy
  • Proxy révocables

Le futur

  • TC39
  • ES 7
  • ES 8
  • ESNext et Forthcoming

Méthode pédagogique

Une introduction progressive au développement front end
Une présentation détaillée des concepts d'ES6.
Les meilleures pratiques pour mettre en oeuvre une solution de front-end avec ES6
Les retours d'expérience de formateurs spécialistes des langages de scripts.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.