Generate Conf: The new era of JS

With all the new tools and techniques that have come forth in the last couple of years, the JS ecosystem has changed rapidly. Embrace it.

Transcript

1. § the new era of @Jack_Franklin
2. @Jack_Franklin javascriptplayground.com
3. http://www.flickr.com/photos/jurvetson/2567045210
4. http://www.flickr.com/photos/jurvetson/2567045210 http://www.flickr.com/photos/lungstruck/9282575739
5. http://www.flickr.com/photos/philliecasablanca/2817382276/
6. http://www.flickr.com/photos/ell-r-brown/6600503817/
7. http://www.flickr.com/photos/jeffisher/4839746434/
8. September 30th, 2010
9. http://www.flickr.com/photos/28502132@N05/645096032
10. http://www.flickr.com/photos/gas_station_sushi/3132112986
11. web sites web apps
12. Why do you want to make that distinction? What benefit do you gain by arbitrarily dividing the entire web into two classes? Jeremy Keith, “By any other name”: http://adactio.com/journal/6246/
13. We’re all building sites that people visit, do something, and leave. Differentiating websites vs. web apps is no good to anyone. Me, Port80 2013: https://speakerdeck.com/jackfranklin/port80-practical- javascripting
14. A lot of people ignore new JavaScript tools, methods or approaches because those are just for “web apps.” Me again, Port80 2013: https://speakerdeck.com/jackfranklin/port80-practical- javascripting
15. embrace the ecosystem
16. it’s not an all or nothing approach http://www.flickr.com/photos/bods/2634334235/
17. your workflow http://www.flickr.com/photos/nnova/2065835201
18. stuck in the mud? http://www.flickr.com/photos/minicooper93402/4373904726/
19. templates http://www.flickr.com/photos/281178/3467346422
20. <script id=”template” type=”text/template”> <p>The book “<%= title %>” was written by <%= author %>.</p> </script> var content = $(“#template”).html(); var temp = _.template(content); var html = temp({ title: “My Book”, author: “Jack” }); templates (underscore)
21. var html = $(“<p></p>”, { text: ‘The book “‘ + title + ‘“ was written by ‘ + author + ‘.’ }).html(); no templates
22. underscore.js handlebars mustache ejs hogan jade
23. testing http://www.flickr.com/photos/sapiens/6044809251
24. jasmine mocha qunit
25. the client or the server
26. it depends
27. Don’t turn off a native language and expect things to work. Todd Motto, http://www.webdeveloper2.com/2013/09/interview-1-todd-motto/
28. bustle.com
30. bustle.com (no JS)
31. rdio.com
32. skillswap.in
34. sacrificing functionality for the majority of your audience to cater for the minority is madness
35. but the only person who can make the decision is you
36. this approach is only going to become more popular
37. but don’t build client-side JS just because you can
38. Fin. @Jack_Franklin