Falling in love with AMD & RequireJS

The talk for the Spring JS meetup Ljubljana, Slovenia.

Transcript

1. @primozcigler Falling in with AMD & RequireJS ❤
6. @primozcigler
7. Scuba diving Knife Sharpening Astrophysics Business & Management Photography Windsurfing Kiting Astronomy Travelling Astrophotography Free diving & snorkeling Archery Skiing Snowboarding Fishing Pool
8. Why?
9. @primozcigler 27 HTML files
10. @primozcigler HARD to maintain
11. @primozcigler custom.js
12. @primozcigler jquery.js jquery-plugin.js jquery-plugin.js jquery-plugin.js custom.js
16. @primozcigler HARD to reuse
17. @primozcigler That’s why people hated JS
18. AMD!
20. YO DAWG VOTED UP!
23. @primozcigler Modules = easily reusable code
24. @primozcigler define(['jquery', 'dep2', 'dep3'], function ($, dep2) { /** * Init of the class, setting up the options */ var MyClass = function(options) { this.defaults = $.extend({}, MyClass.DEFAULTS, options); }; /* … */ return MyClass; });
25. bit.ly/1fJXEux
26. Add-ons
27. @primozcigler Optimization tool
29. bit.ly/1krgkm3
30. @primozcigler Use Almond for production PROTIP
31. @primozcigler Configure RequireJS with Grunt PROTIP
32. Recap
33. @primozcigler Umm, why again? • no global variables • single entry point to JS • more reusable blocks of code • easy to start • easy to build minified code
34. @primozcigler It’s SPRING!
35. @primozcigler It’s time for YOU to start falling in with AMD & RequireJS ❤
36. @primozcigler Primož Cigler @primozcigler primoz@proteusnet.com
37. @primozcigler Images • http://en.wikipedia.org/wiki/File:Asynchronous_Module_Definition_overview.png • http://fedgeno.com/meme-generator/uploads/152.png • http://s2.quickmeme. com/img/39/393a980a3c2a2a584363a5ddceb4420557d47bc36be20d7d23ba9ee92 2b86e62.jpg • color palette: http://www.colourlovers.com/palette/867235/LoversInJapan