Pro Yearly is on sale from $80 to $50! »

Render Conf: How jQuery has influenced the web

Render Conf: How jQuery has influenced the web

Aea964cf59c0c81fff752896f070cbbb?s=128

Jack Franklin

April 21, 2016
Tweet

Transcript

  1. None
  2. @Jack_Franklin pusher.com javascriptplayground.com

  3. Finally, I announced my second new release of the evening:

    jQuery: New Wave Javascript. In a nutshell, this code revolutionizes the way you can get Javascript to interact with HTML John Resig, Jan 16, 2006 http://ejohn.org/blog/barcampnyc-wrap-up/
  4. http://genius.it/5088474/ejohn.org/files/jquery-original.html

  5. None
  6. https://www.flickr.com/photos/donlunzo16/13108762695/

  7. IE 5: 5.5% IE 6: 60.3% IE 7: 0.2% FF

    : 25% Opera : 1.6% Netscape : 0.5% https://en.wikipedia.org/wiki/Usage_share_of_web_browsers#Net_Applications_.282004_Q4_to_present.29
  8. document.getElementById() document.getElementsByTagName() elem.addEventListener elem.attachEvent

  9. $()

  10. None
  11. None
  12. None
  13. https://www.flickr.com/photos/city-amsterdam/12101703396

  14. https://www.flickr.com/photos/oatsy40/6715845075/

  15. Trust

  16. None
  17. None
  18. http://blog.jquery.com/2016/04/19/eslint-joins-the-jquery-foundation/

  19. https://www.flickr.com/photos/yuchinmchu/2716597655

  20. None
  21. It bothered me that so few JavaScript libraries had documentation

    when I was making jQuery and I made a point to write online docs from the get-go. I’m glad I did! I’m frequently surprised by how few developers will put in the (marginal) extra effort to document their code. So many more people will be able to use and understand if you do! John Resig http://genius.it/ejohn.org/files/jquery-original.html
  22. https://www.flickr.com/photos/cogdog/20431040803

  23. None
  24. $(…).on(‘click’, function() { }); ????

  25. $(…).animate({
 opacity: 0.25
 }); ????

  26. $.getJSON().then(function(data) {
 …
 }); ????

  27. None
  28. ancestors parents children siblings

  29. http://www.paulirish.com/2010/10-things-i-learned-from-the-jquery-source/

  30. jQuery is more than just a library

  31. It’s a learning tool

  32. from jQuery to JavaScript to CoffeeScript to Angular to React

    https://www.flickr.com/photos/masked-builder/4884525455
  33. None
  34. None
  35. None
  36. None
  37. None
  38. This website still works, 4+ years after I last touched

    it… And we can all understand it.
  39. None
  40. None
  41. @N_Gular Wicked hype for Angular 2 and TypeScript !!111!!! @R_eact

    Use ES2018 with React today for awesome features @G_ulpulicious If you use Grunt you’re a bad person @Jack_Franklin I didn’t have breakfast this morning LOL
  42. Don’t let Hacker News fool you!

  43. http://youmightnotneedjquery.com/

  44. At the very least, make sure you know what jQuery

    is doing for you, and what it's not. youmightnotneedjquery.com
  45. https://docs.google.com/document/d/ 1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o/edit

  46. The great thing about an established library, like jQuery, is

    it’s hammered on by lots of talented people, transparently improved, and refined by the community. John-David Dalton, Paul Irish https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o/edit
  47. You can check how many bugs jQuery is covering for

    you
  48. None
  49. None
  50. jQuery 2.2.3 has 99 cross browser edge cases / bugs

    that it deals with
  51. curl https://code.jquery.com/ jquery-2.2.3.js | grep -n Support:

  52. None
  53. And even if you argue that most of those bugs

    are edge case / won’t impact you…
  54. jQuery is often easier.

  55. $ = document.querySelectorAll

  56. If jQuery is “dying”, it’s the one with the sword.

    https://www.flickr.com/photos/albioneurope/8496569594
  57. document.querySelectorAll classList Promise

  58. Not every website you build will even need JavaScript

  59. Some might need a tiny bit, and you’ll decide it’s

    not worth adding jQuery just for a little piece of code
  60. Another website will be much more complex and require something

    like React / Angular
  61. Something else might only need the tip top latest browser

    support, and you’re happy writing vanilla JS
  62. But just sometimes you’ll need a little bit of a

    hand, or reliable X-Browser support, and jQuery is still a great option.
  63. None
  64. Sara’s not the only one…

  65. None
  66. None
  67. jQuery is still keeping the barrier low for those new

    to the web
  68. jQuery is still providing a great API and X-Browser solution

    for those with projects that fit it
  69. jQuery is not a solution for every problem, and nor

    should it be.
  70. jQuery is still providing a great community that brings people

    together (like us)
  71. Thanks. @Jack_Franklin