JavaScript est un langage omniprésent dans le paysage du développeur moderne. Aimé ou détesté, personne ne reste indifférent face à ses qualités... et ses défauts!

1. JavaScript
Bonnes pratiques, astuces, et cauchemars

2. JavaScript est un langage omniprésent dans le paysage du
développeur moderne. Aimé ou détesté, personne ne reste
indifférent face à ses qualités... et ses défauts!

3. Qui suis-je?
● Développeur chevronné depuis plus de 20 ans
● Entrepreneur, passionné du web, photographe amateur, père de deux filles, et gamer
● Suivez-moi sur Twitter: @fvilers
● Ou sur LinkedIn: https://www.linkedin.com/in/fvilers
● Et même sur Instagram: @fvilers

4. Un peu d’histoire
● En 1995, Netscape Communications recrute Brendan Eich
● L’entreprise décide de créer un langage de script qui complètera Java, avec une syntaxe similaire
● Brendan Eich écrit un prototype de JavaScript en 10 jours

5. Standardisation
● ECMAScript publié en juin 1997
● ECMAScript 2 publié en juin 1998
● ECMAScript 3 publié en décembre 1999
● Grosses divergences autour du standard ECMAScript 4 début 2000, durant la “guerre des
navigateurs”
● ECMAScript 3.1 publié en 2007 avec de vives oppositions contre ECMAScript 4 qui ne sera jamais
terminé
● Fin des oppositions en juillet 2008
● ECMAScript 3.1 devient ECMAScript 5 début 2009
● ECMAScript 5 publié en décembre 2009

6. Standardisation
● ECMAScript 6 (ECMAScript 2015) publié en juin 2015
● ECMAScript 7 (ECMAScript 2016) publié en juin 2016
● ECMAScript 8 (ECMAScript 2017) publié en juin 2017 (mal supporté à part V8)
● ECMAScript 9 (ECMAScript 2018) publié en juin 2018 (mal supporté à part V8)

7. Les qualités de JavaScript
● Support universel par tous les navigateurs modernes
● Langage impératif et structuré
● Dynamique
● Objet orienté (basé sur les prototypes)
● Fonctionnel
● Support des /expressions régulières/

8. Bizarreries

9. Vrai ou faux?

10. Les nombres

11. Les tableaux

12. Les expressions régulières

13. Les dates

14. Le point virgule

15. Les fonctions

16. Le langage

17. Bonnes pratiques

18. Variables et constantes
● Mot clé const pour définir une constante
● Mot clé let pour définir une variable

19. Fonctions
● Arrow functions
● Fonctions anonymes
● Utilisation du this local

20. Fonctions
● Paramètres optionnels
● Opérateur rest

21. Strings
● Interpolation de variables
● Interpolation personnalisée

22. Objets
● Création courte d’objet
● Création avec propriété dynamique
● Création avec fonctions

23. Affectation de variables
● Tableau
● Objet
● Avec valeur par défaut
● Paramètres de fonction

24. Classes
● Définition
● Héritage
● Membres statiques
● Getter/setter

25. Symboles
● Type de données unique et immuable permettant d’identifier facilement des propriétés

26. Map
● Holds key-value pairs
● Remember the original insertion order of the keys
● Any value may be used

27. Set
● Store unique values
● Any value may be used

28. Nouvelles méthodes
● Object.assign()
● Array
○ find()
○ findIndex()
○ filter()
● String
○ repeat()
○ startsWith()
○ endsWith()
○ includes()

29. Nouvelles méthodes
● Number
○ Number.isNan()
○ Number.isFinite()
○ Number.isSafeInteger()
○ Number.EPSILON
● Math
○ Math.trunc()
○ Math.sign()

30. Promesses
● Promise
● Promise.all()
● Promise.resolve()/Promise.reject()

31. Itérateurs
● Support du pattern “itérable” afin de produire une séquence finie (ou non) de résultats

32. Générateurs
Un type spécial d’itérateur fournissant une méthode de génération où le contrôle du flux peut être mis en
pause

33. Meta programmation
● Proxy
● Reflect

34. Internationalisation et localisation
● Intl.Collator
● Intl.NumberFormat
● Int.DateTimeFormat

35. Tableaux typés
● ArrayBuffer
● Uint32Array
● Uint8Array
● Float32Array

36. https://github.com/fvilers/devday-2018