$30 off During Our Annual Pro Sale. View Details »

La drôle d'histoire de JavaScript

La drôle d'histoire de JavaScript

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

Matthias Le Brun

June 22, 2022
Tweet

More Decks by Matthias Le Brun

Other Decks in Technology

Transcript

  1. View Slide

  2. View Slide

  3. 1996

    View Slide

  4. View Slide

  5. 1997

    View Slide

  6. ES1

    View Slide

  7. 1998

    View Slide

  8. ES2osef

    View Slide

  9. 1999

    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. 2005

    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. 2008

    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. 2010

    View Slide

  51. View Slide

  52. 2014

    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