EcmaScript
0 j'aime363 vues
Le document présente un aperçu du standard ECMAScript 6 (ES6) et de son évolution, ainsi que des concepts clés comme les classes, la visibilité, les variables, et les fonctions fléchées. Il souligne l'importance de JavaScript, son historique depuis sa création par Netscape en 1995, jusqu'à la finalisation des différentes versions d'ECMAScript. Des avertissements concernant la sécurité des template strings sont également mentionnés.
EcmaScript
- 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.
- 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.
- 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