RubyConfBR 2016: There is a Ruby in your Browser

Ruby is a multipurpose language, and is suitable to be used everywhere. In this talk I will show you a few ways you can use ruby that you probably don’t know, like running code in your browser and having the same code running in your server, to craft a perfect fast isomorphic application.

Transcript

2. @brodock blog.gabrielmazetto.eti.br Gabriel Mazetto
3. There is a Ruby in your Browser
4. CREATE, COLLABORATE AND DEPLOY FROM IDEA TO PRODUCTION
5. We are going to talk a lot about languages today...
6. But first... Let's go back in time...
7. 1980 - 1988
8. Hypertext Real-time RPC Computer Networking CERN, John Poole's ICS
9. Tim Berners-Lee
10. March, 1989
11. Hypertext + TCP + DNS
12. World Wide Web
13. Dec, 1990
14. WorldWideWeb First 'navigator'
16. 1991-1993
17. Spreading the web Outside europe
19. NCSA Mosaic 0.5
21. CERN Releases WorldWideWeb source code
23. Netscape Navigator 1.0
25. Web needs to become More dynamic...
26. Netscape hired Brendan Eich
28. To implement Scheme* In the browser
29. +
30. "Why the web needed 2 programming languages?" Java, Scripting Language
32. Requirement: Syntax similar to Java
33. Perl Python TCL Scheme
34. Prototype language in 10 days...
35. "We aimed to provide a 'glue language' for the web designers and part-time programmers"
38. Alan Cooper Created VBScript
39. Script language for the whole Windows ecosystem*
40. As we are talking about languages...
42. Ruby was born...
43. "People want to express themselves when they program. They don't want to fight with the language" (2001, Matz)
44. "You can do everything in assembler, but no one wants to program in assembler anymore" (2003, Matz)
45. We <3 Ruby but...
46. "...no one wants to program in assembler anymore" Can avoid Javascript (2016, Elia Schito)
47. Why Javascript ? ? ?
48. How to organize your code In javascript
49. AMD CommonJS RequireJS *Harmony (ES6) Anonymous Closure Module Pattern Browserify jQuery plugin *DIY StealJS SystemJS
50. Everything in JS is time-sensitive* (and could be incompatible)
51. Frameworks, libraries Everything change from little time to time
52. Packaging and delivery
53. npm (gate) bower jspm volojs jamjs† spmjs† cpm† componentjs†
54. leftpad
55. Options are not but Noise and distraction
56. Why not stick with Ruby?
57. Decaf Browser: Webkit fork that runs Ruby (native) gh: timahoney/decaf
58. Not the best alternative As it's hard to convince every browser...
59. Why not write Ruby In JS?
61. Opal is ~95% RubySpec ready
62. Ruby runtime + Transpiler
63. Native: Arrays, numbers, strings*, boolean, self -> this
64. # this puts "hello rubyconf" # becames: (function(Opal) { var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice; Opal.add_stubs(['$puts']); return self.$puts("Hello RubyConfBr") })(Opal);
65. Packaging and Dependency
66. $ gem install opal-* # With rails, add to your Gemfile and: $ bundle install # In your code: require 'my-awesome-framework'
67. Sprockets Rails Integration:
68. Some libraries To get started...
69. opal-jquery
70. # Gemfile gem 'opal' gem 'opal-jquery' # Your code: Document.ready? do alert "document is ready to go!" end # ... Element.find('#header').on :click do puts "The header was clicked!" end
71. opal-rspec
72. # Gemfile gem 'opal' gem 'opal-rspec' # Your code: describe User do it "can be created with a name" do expect(User.new).to_not be_persisted end end
73. Frameworks
74. Inesita.rb
75. class Clock include Inesita::Component def initialize @time = Time.now end def render div class: 'clock' do text @time.strftime('%r') end end End $document.ready do Clock.new.mount_to($document['clock']) end
76. React.rb
77. class Nav < React::Component::Base def render div {"Our Nav Bar Goes Here including a login box"} end end
78. Perguntas?