Render Conf: How jQuery has influenced the web

Transcript

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
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. $()
13. https://www.flickr.com/photos/city-amsterdam/12101703396
14. https://www.flickr.com/photos/oatsy40/6715845075/
15. Trust
18. http://blog.jquery.com/2016/04/19/eslint-joins-the-jquery-foundation/
19. https://www.flickr.com/photos/yuchinmchu/2716597655
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
24. $(…).on(‘click’, function() { }); ????
25. $(…).animate({
 opacity: 0.25
 }); ????
26. $.getJSON().then(function(data) {
 …
 }); ????
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
38. This website still works, 4+ years after I last touched it… And we can all understand it.
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
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:
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.
64. Sara’s not the only one…
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