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
> > > > Ecmascript 6 - Développement avec la dernière version du JavaScript

Ecmascript 6 - 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 Emascript 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 la 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 & Forthcoming