Bridging The Gap

A talk on how Ruby developers can leverage ExecJS and other tools to improve their repertoire of skills.

Transcript

1. Bridging The GAP
2. I’m Darcy.
3. @sutto github.com/Sutto sutto@sutto.net
5. Filter Squad http://github.com/filtersquad
6. http://github.com/youthtree
7. cat ./README •A brief History of JavaScript •Server & Client Side Tools
8. Most Importantly, Becoming a Better Ruby Developer Using JavaScript
10. Ruby JavaScript
11. Ruby JavaScript
12. Ruby JavaScript Bridging The Gap
13. A Brief History of JavaScript Act 1
14. Prototype Based Dynamic & Weak Typing Functions are First Class
15. The Three Phases of JavaScript Development
16. ~1996 until ~2004 The Browser Wars & The DHTML Years
18. ~2004 until ~2008 AJAX and Web 2.0
20. ~2008 to Now HTML5 & The Return to the Server Side
21. 0.1.0 Released Late 2009
22. Server Side JS isn’t New.
24. 1996: NetScape LiveWire 1997: Rhino created 1997: JScript via ASP 2000: JScript.NET
25. 2005: Helma released 2007: AppJet Launched 2008: Aptana Jaxer hits 1.0 2009: Node.JS Released
26. JavaScript and I Act 2
27. Mid 2008: I started writing an IRC Bot
29. Bright Idea: JavaScript Plugins
31. Client in Ruby, Plugins in JavaScript
32. Early 2010: I discovered CoffeeScript
36. “Simple, transparent CoffeeScript support for Rails and Rack Apps”.
37. Client Side Act 3
38. RJS
39. render :update do |page| # Update the list of users via JavaScript page.replace_html 'user_list', :partial => 'user', :collection => @users # Now, highlight said list. page.visual_effect :highlight, 'user_list' end
40. Red + RedShift https://github.com/jessesielaff/red/
42. HotRuby http://hotruby.yukoba.jp/
44. RKelly http://bit.ly/9nLw4R
46. Unobtrusive RJS (Rails >= 3.0), e.g. https://github.com/rails/jquery-ujs
48. CoffeeScript
50. http://lesscss.org/
52. Rails 3.1 Asset Pipeline
53. Shared Templating
54. The Mustache Approach
55. http://mustache.github.com/ {
56. Same base Spec, Different Renderers.
57. Logic Less Template == Programming Language Inspecific
58. The Handlebars Approach
59. http://www.handlebarsjs.com/
60. HandleBars >= Mustache
61. Rails support via Handlebar-Rails http://bit.ly/e7FfGg
62. Same Handlebar.JS, Running Server + Client.
63. Server Side Act 4
64. gem install coffee-script
65. 0.1.0 until 0.3.2 Ruby-based Compiler
66. Barista + BistroCar Call Library via Node
67. Gem Version ~> 1.0 Uses the gem ‘node’
68. Gem Version <= 2.2, >= 2.0 Built in Engines Approach
69. Gem Version ~> 2.2 Uses ExecJS instead
70. Barista https://github.com/sutto/barista/
71. ExecJS https://github.com/sstephenson/execjs
72. therubyracer therubyrhino johnson mustang
73. Apple JavaScript Core (JSC) Mozilla Spidermonkey Microsoft Windows Script Host Node.js
74. Uses first available RunTime
75. Uglifier https://github.com/lautis/uglifier
77. Rails 3.1 Asset Pipeline
79. Building Stuff with ExecJS
80. require 'execjs' p ExecJS.eval(<<-END) ["Hello", "World"].join(" ") END # => "Hello World"
81. var Welcome = { hello: function(who) { return "Hello " + who; } };
82. script = File.read('welcome.js') ctx = ExecJS.compile(script) p ctx.call('Welcome.hello', "World") # => "Hello World"
83. RedJS https://github.com/cowboyd/redjs
84. “Rspecs for a Ruby interface to javascript.”
85. embedded Runtimes vs. Way to invoke Runtime
86. it "can directly embed ruby values into javascript" do @cxt["bar"] = 9 @cxt['foo'] = "bar" @cxt['num'] = 3.14 @cxt['trU'] = true @cxt['falls'] = false @cxt.eval("bar + 10").should be(19) @cxt.eval('foo').should == "bar" @cxt.eval('num').should == 3.14 @cxt.eval('trU').should be(true) @cxt.eval('falls').should be(false) end
87. Other Approaches
88. Juggernaut 2 https://github.com/maccman/juggernaut
90. Ruby / Other Languages Redis PubSub Node.JS Server Browser
91. Ruby / Other Languages Redis PubSub Node.JS Server Browser
92. Ruby / Other Languages Redis PubSub Node.JS Server Browser
93. Ruby / Other Languages Redis PubSub Node.JS Server Browser
94. See Also: ZeroMQ
95. Conclusion
96. Questions? http://www.flickr.com/photos/9557815@N05/3151304981/in/photostream/ - Opening Image http://www.colourlovers.com/palette/1836045/Reefcare - Colour Pallete http://www.flickr.com/photos/ericparker/5371174711/ - Bad Ass Latte Art http://www.flickr.com/photos/wili/3361117222/ - Adorable Seal Baby.