La drôle d'histoire de JavaScript

Retour sur les évènements, hasards et personnalités marquantes de l'étrange histoire de JavaScript.

Transcript

1. View Slide

2. View Slide

3. View Slide

4. View Slide

5. View Slide

6. ES1
   

   View Slide

7. View Slide

8. ES2osef
   

   View Slide

9. View Slide

10. ES3
    

    View Slide

11. ES3
    → try/catch
    
    
    → switch
    
    
    → literal syntax
    
    
    → regex
    
    
    → strict equality
    

    View Slide

12. 2001
    Douglas Crockford
    

    View Slide

13. Douglas
    
    
    Crockford
    JSMin
    

    View Slide

14. 2002
    coucou c'est encore moi
    

    View Slide

15. Douglas
    
    
    Crockford
    JSON
    

    View Slide

16. if (looksLikeValidJson(string)) {
    
    
    return eval(string)
    
    
    }
    vue d'artiste
    

    View Slide

17. 2002
    héhé personne m'a reconnu
    

    View Slide

18. Douglas
    Crockford
    JSLint
    

    View Slide

19. View Slide

20. View Slide

21. xMLhtTpReQueSt
    

    View Slide

22. AJAX
    

    View Slide

23. web 2.0
    

    View Slide

24. View Slide

25. View Slide

26. View Slide

27. scripts.js
    

    View Slide

28. function Meetup(name) {
    
    
    this.name = name;
    
    
    }
    
    
    Meetup.prototype.sayHello = function(participantName) {
    
    
    return "Hello from " + this.name + ", " + participantName + "!";
    
    
    }
    
    
    var meetup = new Meetup("Paris.JS");
    
    
    meetup.sayHello("Matthias");
    //
    "Hello from Paris.JS, Matthias!"
    
    
    

    View Slide

29. function extend(myClass) {
    
    
    function F() {}
    
    
    F.prototype = myClass.prototype;
    
    
    return new F();
    
    
    }
    
    
    function ParisJS() {
    
    
    return Meetup.call(this, "Paris.JS")
    
    
    }
    
    
    ParisJS.prototype = extend(Meetup);
    

    View Slide

30. Array.prototype.each = function (func) {
    
    
    for(var i = 0; i < this.length; i
    ++
    ) {
    
    
    func(this[i])
    
    
    }
    
    
    }
    

    View Slide

31. View Slide

32. View Slide

33. View Slide

34. jQuery
    John Resig
    

    View Slide

35. View Slide

36. QuirksMode
    Peter Paul Koch
    

    View Slide

37. $(document).ready(function () {
    
    
    $("button").on("click", function () {
    
    
    $(".modal").toggle();
    
    
    });
    
    
    });
    

    View Slide

38. View Slide

39. 2007
    Steve Jobs
    

    View Slide

40. iPhone
    

    View Slide

41. ES4
    

    View Slide

42. View Slide

43. vroum vroum
    

    View Slide

44. ES5
    « avec la retrocompat c'est mieux ^^ »
    

    View Slide

45. View Slide

46. re
    

    View Slide

47. View Slide

48. 2009
    Ryan Dahl
    

    View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. 2015
    ES6
    

    View Slide

54. class
    

    View Slide

55. promises
    

    View Slide

56. arrow
    functions
    

    View Slide

57. maps &
    sets
    

    View Slide

58. modules
    

    View Slide

59. let & const
    

    View Slide

60. View Slide

61. version
    mineure
    

    View Slide

62. 2016
    ES2016
    

    View Slide

63. 2017
    ES2017
    

    View Slide

64. 2018
    ES2018
    

    View Slide

65. 2019
    ES2019
    

    View Slide

66. 2020
    ES2020
    

    View Slide

67. 2021
    ES2021
    

    View Slide

68. 2022
    ES2022
    

    View Slide

69. 2023
    JavaScript Pro Max???
    

    View Slide

70. JS
    

    View Slide

71. thank you
    Matthias Le Brun
    
    
    @bloodyowl
    → Co-lead front end developer at swan.io
    
    
    → Paris.JS organizer
    
    
    → Putain de Code co-founder & host
    We're hiring!
    

    View Slide