Opal presentation given at OC Ruby 7/25/2013

1. my-preamble
OPAL - CHAPTER 4: A
NEW HOPE
FORREST CHANG
FKCHANG2000@YAHOO.COM

3. WHO CODES RUBY?

4. WHO WORKS WITH THE WEB?

5. WHO LIKES JAVASCRIPT

6. WHO LIKES RUBY BETTER?
from
http://dark--romance.deviantart.com/art/Screamy-and-
Bee-love-Ruby-146852940

7. YOU ARE MY AUDIENCE

8. THE PITCH

9. OPAL WILL MAKE YOU HAPPY

10. STEP BACK
(from:
)
http://www.celiajohnsononline.com/knee-exercises-
osteoarthritis-joint-pain/

11. WHAT IS OPAL?
Ruby to JS Source to Source, similar to Coffescript
Runtime (supports method missing, operator overloading,
etc)

12. TOTALLY AWESOME

13. AS CODE
class Opal < Ruby
include Browser::Access
include Javascript::Interaction
runs_in :browser
runs_in :node
end

14. WHAT'S CURRENTLY UNDER
GITHUB.COM/OPAL

15. PAGE 2

16. THE RUBY WAY
Matz wrote in an introductory article to Ruby
"For me the purpose of life is partly to have joy. Programmers
often feel joy when they can concentrate on the creative side
of programming, So Ruby is designed to make programmers
happy."

17. OPAL IS THE RUBY WAY
(from
)
http://www.get-covers.com/do-more-of-what-makes-you-
happy/

18. OPAL IS JDD FOR ME
Joy Driven Development
no need for it, but I can't stop coding
Forrest just loves to write opal (Test Infected parody)

19. WHAT IF YOU CODE RUBY IN THE BROWSER?

20. TOP 7 REASONS WHY OPAL WILL MAKE YOU
HAPPY
1. It is a viable Ruby
2. Greenspun's 10th Rule, Opal Edition
3. Solves things the Ruby way
4. Tools you already know and love
5. Easy integration with Ruby
6. Better tools (In Browser)
7. A new future

21. #1 VIABLE - NOT A TOY
In production - 5 + apps, 2 more coming soon
Real Ruby1.9.3 - compliant (mostly)
passes 1377 rubyspec examples
runs asciidoc gem unmodified
runs mspec gem unmodified
can compile itself
Capable of compiling complex code
Is written in Ruby, easy to contribute

22. RUBY LANGUAGE FEATURES IN OPAL
classes
modules & mixins
singleton methods
method_missing
arity checks
lambda
blocks
yield
CONSTANTS
global variables

23. MORE FEATURES
class variables
instance variable
Enumerable
BasicObject
Kernel
NilClass
Range
Hash
String Interpolation
Heredocs
%w splits

24. DON'T UNDERESTIMATE THE POWER OF A
BETTER LANGUAGE
opal-irb, opal-inspector, easy to write
leads us to Greenspun's 10th rule

25. GREENSPUN'S 10TH RULE
Any sufficiently complicated C or Fortran program contains
an ad hoc, informally-specified, bug-ridden, slow
implementation of half of Common Lisp.

26. #2 GREENSPUN'S 10TH RULE, OPAL EDITION
Any sufficiently complicated Javascript program contains an
ad hoc, informally-specified, bug-ridden, slow implementation
of half of Ruby

27. JAVASCRIPT EFFORTS THAT IMITATE RUBY OR
RAILS

28. PROTOTYPE

29. UNDERSCORE

30. HTTP://RUBYJS.ORG

31. STRUKT

32. STRINGJS

33. HTTP://JSCLASS.JCOGLAN.COM

34. HTTP://CODE.GOOGLE.COM/P/JOOSE-JS/

35. HTTP://BLOG.JAVASCRIPTMVC.COM/?P=61

36. HTTPS://GITHUB.COM/TOBEYTAILOR/DEF.JS

37. HTTP://YEHUDAKATZ.COM/2012/01/10/JAVASC
NEEDS-BLOCKS/

38. HTTP://WWW.CODEPROJECT.COM/ARTICLES/314
IN-HUMAX-V0-3-EXTENDING-YOUR-JAVASCRIP

39. HTTP://WWW.SCATTERPOLL.COM/#TITLE-
SLIDE

40. ACTIVEJS

41. REDSCRIPT

42. FORML

43. OTHER ATTEMPTS TO DO RUBY ON JS
(from:
)
https://github.com/jashkenas/coffee-script/wiki/List-of-
languages-that-compile-to-JS

44. WHY NOT THE REAL THING?

45. OPAL IS RUBY

46. #3 SOLVING THINGS THE RUBY WAY
packaging/modules
javascript integration
testing

47. PACKAGING AND MODULE

48. JAVASCRIPT MODULES
long article
AMD
CommonJS
Harmony
http://addyosmani.com/writing-modular-js/

49. MODULES
Do This
define(
module_id /*optional*/,
[dependencies] /*optional*/,
definition function /*function for instantiating the module or objec
t*/
);
// Consider 'foo' and 'bar' are two external modules
// In this example, the 'exports' from the two modules loaded are passed
as
// function arguments to the callback (foo and bar)
// so that they can similarly be accessed
And This
require(['foo', 'bar'], function ( foo, bar ) {
// rest of your code here
foo.doSomething();
});

50. RUBY
require
uses gems
require 'file_or_gem_you_want'

51. OPAL
require
uses gems
opal-sprockets handles requires
also include templates
require 'file_gem_template_you_want'

52. FOR NON RAILS STANDALONE - RAKEFILE
require 'bundler/setup'
# require 'opal/rake_task'
require 'opal'
require 'opal-sprockets'
desc "build jqconsole based irb"
task :build_jqconsole do
File.open("js/app-jqconsole.js", "w+") do |out|
env = Opal::Environment.new
env.append_path "examples"
env.append_path "opal"
out << env["app-jqconsole"].to_s
end
# system "terminal-notifier -title 'opal-irb build' -message 'js file
built'"
system "open -a 'Google Chrome' index-jq.html"
end

53. FOR NON RAILS STANDALONE APP-JQCONSOLE.RB
require 'opal'
require 'opal-jquery'
require 'opal-parser'
require 'opal_irb_jqconsole'
Document.ready? do
OpalIrbJqconsole.create("#console")
end

54. JAVASCRIPT INTEGRATION
x strings (backticks %x)
method missing
window = `window`
window.location

55. TESTING
opal-spec
rake/phantomjs
in browser

56. OPAL-SPEC

57. #4 THE TOOLS YOU KNOW AND LOVE
language - Ruby
editor - emacs, vim, sublime, Rubymine, etc.
Rake
rspec (sorry DHH)
guard
<fill in the ruby tool> - remember it's just Ruby

58. #5 EASY INTEGRATION WITH RUBY
opal-rails
opal-sprockets (already shown in modules)
it's Ruby

59. OPAL RAILS
https://github.com/opal/opal-rails

60. #6 NEW IN BROWSER TOOLS
opal-irb
opal-inspector

61. OPAL-IRB
irb for opal
history
readline controls
multiline edit (over all of history)
send a link - live gist

62. OPAL-INSPECTOR
inspired by amber.js in browser Smalltalk like code browser
change the paradigm of development
develop in browser w/better tools
persistent live Opal objects is similar to Smalltalk image

63. DEMOS
opal-irb
opal-inspector
Source Maps (head has broken it somewhat though)

64. QUICK LOOK AT CODE
only 440 lines for opal-inspector current state
very short, small classes
didn't need a framework

65. #7 A NEW FUTURE (HOPE)
in browser dev, goodness from Smalltalk, Ruby and Lisp
Machines
meteor.js like same code on both sides
blurring front and back
1 language…

66. THERE CAN ONLY BE ONE
May that language be Ruby/Opal

67. CALL TO ARMS
things are good
they can be better
need your help

68. HELP
try it out
talk, google group, irc
document
contribute, it's just Ruby
have fun

69. KISS JAVASCRIPT GOODBYE

70. Created by fkchang.