Download to read offline
![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();
});](https://image.slidesharecdn.com/opalchapter4anewhope-130726102424-phpapp02/85/Opal-chapter-4_a_new_hope-49-320.jpg)
![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](https://image.slidesharecdn.com/opalchapter4anewhope-130726102424-phpapp02/85/Opal-chapter-4_a_new_hope-52-320.jpg)
More Related Content
![NoSQL for great good [hanoi.rb talk]](https://cdn.slidesharecdn.com/ss_thumbnails/kvs-hanoirb-150728163935-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Opal chapter 4_a_new_hope
Opal chapter 4_a_new_hope
- 1. my-preamble OPAL - CHAPTER4: A NEW HOPE FORREST CHANG FKCHANG2000@YAHOO.COM
- 3.
- 4. WHO WORKS WITHTHE WEB?
- 5.
- 6. WHO LIKES RUBYBETTER? from http://dark--romance.deviantart.com/art/Screamy-and- Bee-love-Ruby-146852940
- 7. YOU ARE MYAUDIENCE
- 8.
- 9. OPAL WILL MAKEYOU HAPPY
- 10.
- 11. WHAT IS OPAL? Rubyto JS Source to Source, similar to Coffescript Runtime (supports method missing, operator overloading, etc)
- 12.
- 13. AS CODE class Opal< Ruby include Browser::Access include Javascript::Interaction runs_in :browser runs_in :node end
- 14.
- 15.
- 16. THE RUBY WAY Matzwrote 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 THERUBY WAY (from ) http://www.get-covers.com/do-more-of-what-makes-you- happy/
- 18. OPAL IS JDDFOR 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 YOUCODE RUBY IN THE BROWSER?
- 20. TOP 7 REASONSWHY 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 FEATURESIN OPAL classes modules & mixins singleton methods method_missing arity checks lambda blocks yield CONSTANTS global variables
- 23. MORE FEATURES class variables instancevariable Enumerable BasicObject Kernel NilClass Range Hash String Interpolation Heredocs %w splits
- 24. DON'T UNDERESTIMATE THEPOWER OF A BETTER LANGUAGE opal-irb, opal-inspector, easy to write leads us to Greenspun's 10th rule
- 25. GREENSPUN'S 10TH RULE Anysufficiently complicated C or Fortran program contains an ad hoc, informally-specified, bug-ridden, slow implementation of half of Common Lisp.
- 26. #2 GREENSPUN'S 10THRULE, OPAL EDITION Any sufficiently complicated Javascript program contains an ad hoc, informally-specified, bug-ridden, slow implementation of half of Ruby
- 27. JAVASCRIPT EFFORTS THATIMITATE RUBY OR RAILS
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43. OTHER ATTEMPTS TODO RUBY ON JS (from: ) https://github.com/jashkenas/coffee-script/wiki/List-of- languages-that-compile-to-JS
- 44. WHY NOT THEREAL THING?
- 45.
- 46. #3 SOLVING THINGSTHE RUBY WAY packaging/modules javascript integration testing
- 47.
- 48.
- 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.
- 51. OPAL require uses gems opal-sprockets handlesrequires also include templates require 'file_gem_template_you_want'
- 52. FOR NON RAILSSTANDALONE - 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 RAILSSTANDALONE 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.
- 56.
- 57. #4 THE TOOLSYOU 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 INTEGRATIONWITH RUBY opal-rails opal-sprockets (already shown in modules) it's Ruby
- 59.
- 60. #6 NEW INBROWSER TOOLS opal-irb opal-inspector
- 61. OPAL-IRB irb for opal history readlinecontrols multiline edit (over all of history) send a link - live gist
- 62. OPAL-INSPECTOR inspired by amber.jsin 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 (headhas broken it somewhat though)
- 64. QUICK LOOK ATCODE only 440 lines for opal-inspector current state very short, small classes didn't need a framework
- 65. #7 A NEWFUTURE (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 ONLYBE ONE May that language be Ruby/Opal
- 67. CALL TO ARMS thingsare 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.
- 70.