1. Rappel EcmaScript 6+ (ES6)
Un bref aperçu sur le standard EcmaScript 6+

2. À propos de moi
 Je m’appelle DAGBOUJ Hatem.
 Je suis coach en IT depuis 2017.
 Je travaille actuellement en tant que Head of Coach.
 J’occupe également le poste de CTO dans une boite de dev.

3. Sommaire
 Pourquoi JavaScript?
 Historique du EcmaScript (ES6)
 Création d'une classe dans ES6
 Notion de visibilité (dans les classes)
 Les variables et les constantes
 Les fonctions fléchées (Arrow Functions)
 Les fonctions fléchées (One-liner)
 Template Strings

4. Pourquoi JavaScript?
 Netscape est un navigateur Web (1994 -2008).
 La langage JavaScript a été crée par la société Netscape afin d’ajouter une
sorte d’animation et d’effet aux pages Web (statiques au départ) comme les
animations, les contrôles de saisi dans les formulaires, etc.

5. Historique du EcmaScript (ES6)
•1995 : Netscape crée le langage dynamique JavaScript pour faciliter le développement côté navigateur.
•1995 : Netscape rend possible l'implémentation d'applications côté serveur en JavaScript avec "Netscape
Enterprise Server".
•1997 : Création du standard "cross-browser" et "cross-platform" ECMAScript.
•1998 : ECMAScript 2.
•1999 : ECMAScript 3.
•2006 : JQuery
•2009 : ECMAScript 5 (a.k.a. ECMAScript 3.1).
•2009 : Sortie de NodeJS.

6. Historique du ES6
•Juin 2011 : Finalisation du standard ECMAScript 5.1.
•Juin 2015 : Finalisation du standard ECMAScript 6 (ES6).
•Juin 2016 : Finalisation du standard ECMAScript 7.
•Juin 2017 : Finalisation du standard ECMAScript 8.
•Juin 2018 : Finalisation du standard ECMAScript 9.
•Juin 2019 : Finalisation du standard ECMAScript 10.
•Juin 2020 : Finalisation du standard ECMAScript 11.
•Juin 2021 : Finalisation du standard ECMAScript 12.

7. Historique du ES6

8. Création d'une classe dans ES6

9. Notion de visibilité
la notion de visibilité private se base sur la convention de nommage qui consiste
à préfixer la propriété ou la méthode par le caractère underscore : _

10. Les variables et les constantes

11. Les variables et les constantes

12. Les fonctions fléchées (Arrow Functions)

13. Les fonctions fléchées (Arrow Functions)

14. Les fonctions fléchées : Exemple

15. Les fonctions fléchées (One-liner)
 Peu importe le contexte, les fonctions de callback sont souvent des "one-liners".
 Dans ce cas, les accolades, le return et le ; peuvent être retirés.
 De même, si la fonction ne prend qu'un seul paramètre, les parenthèses peuvent
être également ignorées.
 On peut aussi remarquer le pattern builder des méthodes filter et map qui nous
permet de chaîner les appels.

16. Template Strings: Exemple

17. Template Strings: Vulnérabilité Sécurité
N'utilisez jamais les template strings comme outil de templating HTML, Cela vous
expose à des vulnérabilités de type XSS (Cross-Site Scripting).

18. Restons en contact:
Twitter: @dagboujhatem
LinkedIn: /dagbouj-hatem
Github: /dagboujhatem
Merci pour votre
attention