$30 off During Our Annual Pro Sale. View Details »

as easy as rails

as easy as rails

My favorite part of Ruby on Rails was the code I didn't have to write. By setting a handful of conventions and providing a sensible default configuration, creating a new project or learning an existing one became easy. This talk challenges our assumptions about why everyone hates JavaScript and whether what's really missing is smarter development tools.

Justin Searls

February 08, 2014
Tweet

More Decks by Justin Searls

Other Decks in Programming

Transcript

  1. as easy
    as rails

    View Slide

  2. My name is Justin Searls
    Please tweet me @searls &
    Say [email protected]

    View Slide

  3. 1

    View Slide

  4. 2
    1

    View Slide

  5. 2
    1 3

    View Slide

  6. You own a bakery.

    View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. Honest mistake.

    View Slide

  11. You own a software studio.

    View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. Honest mistake.

    View Slide

  17. Rails makes it too easy.

    View Slide

  18. server-side tools

    View Slide

  19. client-side tools

    View Slide

  20. Just kidding.

    View Slide

  21. client-side tools

    View Slide

  22. View Slide

  23. Provocation:

    View Slide

  24. Non-rubyists
    are building better
    JavaScript apps
    Provocation:

    View Slide

  25. Before Rails
    was easy

    View Slide

  26. Before Rails
    was easy
    JavaScript
    wasn't hard

    View Slide

  27. Is JavaScript a
    terrible language?

    View Slide

  28. YES
    DEFINITELY

    View Slide

  29. Is that why writing
    JavaScript is terrible?

    View Slide

  30. ASK
    AGAIN
    LATER

    View Slide

  31. View Slide

  32. The community
    changed the world.

    View Slide

  33. Great new tools for
    the web, over time:

    View Slide

  34. 2005

    View Slide

  35. 2005

    View Slide

  36. 2006

    View Slide

  37. 2007

    View Slide

  38. 2008

    View Slide

  39. 2009

    View Slide

  40. 2010

    View Slide

  41. 2011

    View Slide

  42. 2011

    View Slide

  43. 2012

    View Slide

  44. 2013

    View Slide

  45. 2014

    View Slide

  46. 2014

    View Slide

  47. Where are the best tools?

    View Slide

  48. Ruby's tool ecosystem is mature, crowded
    Where are the best tools?

    View Slide

  49. Ruby's tool ecosystem is mature, crowded
    Node's ecosystem is immature, innovative
    Where are the best tools?

    View Slide

  50. Ruby's tool ecosystem is mature, crowded
    Node's ecosystem is immature, innovative
    Tool authors aren't immune to trends
    Where are the best tools?

    View Slide

  51. Ruby's tool ecosystem is mature, crowded
    Node's ecosystem is immature, innovative
    Tool authors aren't immune to trends
    Tools address the problems of their day
    Where are the best tools?

    View Slide

  52. Ruby's tool ecosystem is mature, crowded
    Node's ecosystem is immature, innovative
    Tool authors aren't immune to trends
    Tools address the problems of their day
    Where are the best tools?

    View Slide

  53. Ruby's tool ecosystem is mature, crowded
    Node's ecosystem is immature, innovative
    Tool authors aren't immune to trends
    Tools address the problems of their day
    Node's web app tooling better
    solves today's problems
    Where are the best tools?

    View Slide

  54. View Slide

  55. Rails won the war.

    View Slide

  56. Rails won the war?
    which

    View Slide

  57. "Good frameworks
    are extractions,
    not inventions."
    - DHH

    View Slide

  58. Basecamp

    View Slide

  59. Basecamp

    View Slide

  60. View Slide

  61. Routing

    View Slide

  62. Routing
    Models

    View Slide

  63. Routing
    Models
    Persistence

    View Slide

  64. Routing
    Models
    Persistence
    Sessions

    View Slide

  65. Routing
    Models
    Persistence
    Sessions
    Mailers

    View Slide

  66. Routing
    Models
    Persistence
    Sessions
    Mailers
    JavaScript
    Alternatives

    View Slide

  67. Routing
    Models
    Persistence
    Sessions
    Mailers
    AJAX ERB
    Tags

    View Slide

  68. Routing
    Models
    Persistence
    Sessions
    Mailers
    RJS

    View Slide

  69. Routing
    Models
    Persistence
    Sessions
    Mailers
    AJAX ERB
    Tags
    Unobtrusive

    View Slide

  70. Routing
    Models
    Persistence
    Sessions
    Mailers
    Turbolinks

    View Slide

  71. Basecamp

    View Slide

  72. Basecamp

    View Slide

  73. Basecamp

    View Slide

  74. HTML UI

    View Slide

  75. HTML UI
    !
    Item 1

    View Slide

  76. HTML UI
    !
    Item 1
    !



    View Slide

  77. JavaScript UI

    View Slide

  78. JavaScript UI
    !
    new ItemView('#items').render()

    View Slide

  79. JavaScript UI
    !
    new ItemView('#items').render()
    !
    $('button').click(function(e){
    $('.alert').text('Thanks!').show()
    });

    View Slide

  80. HTML UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb
    └── views
    └── items
    └── index.html.erb

    View Slide

  81. HTML UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb
    ├── views
    │ └── items
    │ └── index.html.erb
    └── assets
    └── javascripts
    └── application.js

    View Slide

  82. HTML UI + JS UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb
    ├── views
    │ └── items
    │ └── index.html.erb
    └── assets
    └── javascripts
    └── more_app
    ├── controllers
    │ └── items_controller.js
    ├── models
    │ └── item.js
    └── views
    └── items
    └── index.jst.ejs

    View Slide

  83. HTML UI + JS UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb
    ├── views
    │ └── items
    │ └── index.html.erb
    └── assets
    └── javascripts
    └── more_app
    ├── controllers
    │ └── items_controller.js
    ├── models
    │ └── item.js
    └── views
    └── items
    └── index.jst.ejs

    View Slide

  84. HTML UI + JS UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb
    ├── views
    │ └── items
    │ └── index.html.erb
    └── assets
    └── javascripts
    └── more_app
    ├── controllers
    │ └── items_controller.js
    ├── models
    │ └── item.js
    └── views
    └── items
    └── index.jst.ejs

    View Slide

  85. HTML UI + JS UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb
    ├── views
    │ └── items
    │ └── index.html.erb
    └── assets
    └── javascripts
    └── more_app
    ├── controllers
    │ └── items_controller.js
    ├── models
    │ └── item.js
    └── views
    └── items
    └── index.jst.ejs

    View Slide

  86. JSON API + JS UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb



    └── assets
    └── javascripts
    └── more_app
    ├── controllers
    │ └── items_controller.js
    ├── models
    │ └── item.js
    └── views
    └── items
    └── index.jst.ejs

    View Slide

  87. JSON API + JS UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb



    └── assets
    └── javascripts
    └── more_app
    ├── controllers
    │ └── items_controller.js
    ├── models
    │ └── item.js
    └── views
    └── items
    └── index.jst.ejs

    View Slide

  88. JSON API + JS UI
    !
    app
    ├── controllers
    │ └── items_controller.rb
    ├── models
    │ └── item.rb



    └── assets
    └── javascripts
    └── more_app
    ├── controllers
    │ └── items_controller.js
    ├── models
    │ └── item.js
    └── views
    └── items
    └── index.jst.ejs
    vestigial appendage

    View Slide

  89. what's wrong with
    that vestigial
    appendage?

    View Slide

  90. app/

    View Slide

  91. app/

    View Slide

  92. app/

    View Slide

  93. app/

    View Slide

  94. ap

    View Slide

  95. ap

    View Slide

  96. ap
    p/

    View Slide

  97. app1/
    !
    app2/

    View Slide

  98. app1/
    !
    app2/

    View Slide

  99. app1/
    !
    app2/

    View Slide

  100. app1/
    !
    app2/

    View Slide

  101. app1

    View Slide

  102. app1

    View Slide

  103. app1
    app2

    View Slide

  104. late extraction
    costs more than
    early abstraction

    View Slide

  105. View Slide

  106. View Slide

  107. View Slide

  108. View Slide

  109. View Slide

  110. View Slide

  111. View Slide

  112. If you see this:

    View Slide

  113. If you see this:
    !
    <br/>

    View Slide

  114. If you see this:
    !
    <br/>user = <%= user.to_json %><br/>

    View Slide

  115. If you see this:
    !
    <br/>user = <%= user.to_json %><br/>time = <%= Time.now.to_i %><br/>

    View Slide

  116. If you see this:
    !
    <br/>user = <%= user.to_json %><br/>time = <%= Time.now.to_i %><br/>items = <%= items.to_json %><br/>

    View Slide

  117. If you see this:
    !
    <br/>user = <%= user.to_json %><br/>time = <%= Time.now.to_i %><br/>items = <%= items.to_json %><br/>token = "<%= @token %>"<br/>

    View Slide

  118. !
    <br/>user = <%= user.to_json %><br/>time = <%= Time.now.to_i %><br/>items = <%= items.to_json %><br/>token = "<%= @token %>"<br/>
    Your yarn is tangled

    View Slide

  119. late extraction
    costs more than
    early abstraction

    View Slide

  120. JavaScript made easy.

    View Slide

  121. App Framework
    Convention & Config
    Build Automation

    View Slide

  122. Rails
    App Framework
    Convention & Config
    Build Automation

    View Slide

  123. Rails
    Rails
    App Framework
    Convention & Config
    Build Automation

    View Slide

  124. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation

    View Slide

  125. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    B-

    View Slide

  126. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    B-
    A+

    View Slide

  127. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    B+
    B-
    A+

    View Slide

  128. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    B+
    B-
    A+

    View Slide

  129. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation

    View Slide

  130. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    Backbone

    View Slide

  131. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    Backbone
    Ember

    View Slide

  132. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    Backbone
    Ember
    Angular

    View Slide

  133. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation
    Backbone
    Ember
    Angular
    ᵇ(´-ʆ)ᵃ


    View Slide

  134. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation Node.js (Grunt)
    Backbone
    Ember
    Angular
    ᵇ(´-ʆ)ᵃ


    View Slide

  135. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation Node.js (Grunt)
    ???
    Backbone
    Ember
    Angular
    ᵇ(´-ʆ)ᵃ


    View Slide

  136. Rails
    Rails
    Railsy Rake
    App Framework
    Convention & Config
    Build Automation Node.js (Grunt)
    Lineman
    Backbone
    Ember
    Angular
    ᵇ(´-ʆ)ᵃ


    View Slide

  137. @linemanjs
    linemanjs.com

    View Slide

  138. !
    $ npm install -g lineman
    Install

    View Slide

  139. !
    $ npm install -g lineman
    Install
    !
    $ lineman new my-app
    Create

    View Slide

  140. View Slide

  141. View Slide

  142. hi()
    code

    View Slide

  143. hi()
    code
    !
    save

    View Slide

  144. hi()
    code
    !
    save
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/
    tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    compile

    View Slide

  145. hi()
    code
    !
    save
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/
    tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    compile
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    concat

    View Slide

  146. hi()
    code
    !
    save
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/
    tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    compile
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    concat
    hello
    world!
    play

    View Slide

  147. < 100ms
    hi()
    code
    !
    save
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/
    tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    compile
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    concat
    hello
    world!
    play

    View Slide

  148. View Slide

  149. < 100ms
    hi()
    code
    !
    save
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/
    tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    compile
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    concat
    hello
    world!
    play

    View Slide

  150. hi()
    code
    !
    save
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/
    tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    compile
    loadTask task for task in npmTasks
    grunt.renameTask "copy", "images"
    loadTask "grunt-contrib-copy" # load again so webfonts can use
    it
    grunt.renameTask "copy", "webfonts"
    loadTask "grunt-contrib-copy" # load again to make available
    in userland
    loadTask = (module) ->
    if fs.existsSync("#{process.cwd()}/node_modules/#{module}")
    grunt.loadNpmTasks(module)
    else
    grunt.loadTasks("#{__dirname}/../node_modules/#{module}/tasks")
    npmTasks = grunt.util._(linemanNpmTasks).chain().
    union("grunt-contrib-sass" if config.enableSass).
    union(config.loadNpmTasks).
    compact().value()
    concat test
    < 100ms

    View Slide

  151. View Slide

  152. Can your server
    host static files?

    View Slide

  153. !
    $ lineman build
    !

    View Slide

  154. !
    $ lineman build
    !
    $ tree dist

    View Slide

  155. !
    $ lineman build
    !
    $ tree dist
    !
    dist
    ├── css
    │ └── app.css
    ├── index.html
    └── js
    └── app.js

    View Slide

  156. !
    $ lineman build
    !
    $ tree dist
    !
    dist
    ├── assets.json
    ├── css
    │ └── app-6193b1f500c0f944db0354592.css
    ├── index.html
    └── js
    └── app-8b750b723eae24580f7d757f62.js

    View Slide

  157. !
    $ heroku config:set BUILDPACK_URL=http://github.com/
    testdouble/heroku-buildpack-lineman.git
    !
    $ git push
    Heroku

    View Slide

  158. !
    $ heroku config:set BUILDPACK_URL=http://github.com/
    testdouble/heroku-buildpack-lineman.git
    !
    $ git push
    Heroku
    Builds with Node.js

    View Slide

  159. !
    $ heroku config:set BUILDPACK_URL=http://github.com/
    testdouble/heroku-buildpack-lineman.git
    !
    $ git push
    Heroku
    Builds with Node.js
    Runs without Node.js

    View Slide

  160. Starter Projects

    View Slide

  161. angular
    Starter Projects

    View Slide

  162. backbone
    angular
    Starter Projects

    View Slide

  163. ember
    backbone
    angular
    Starter Projects

    View Slide

  164. ember
    backbone
    angular
    web libs
    Starter Projects

    View Slide

  165. ember
    backbone
    angular
    web libs markdown
    blogs
    Starter Projects

    View Slide

  166. easy extensions

    View Slide

  167. !
    $ npm install --save-dev lineman-bower
    !
    zero-config plugins

    View Slide

  168. !
    $ npm install --save-dev lineman-bower
    !
    $ lineman run
    !
    zero-config plugins

    View Slide

  169. !
    $ npm install --save-dev lineman-bower
    !
    $ lineman run
    !
    ...
    Running "bower:install" (bower) task
    >> Installed bower packages
    ...
    zero-config plugins

    View Slide

  170. View Slide

  171. Grunt

    View Slide

  172. }
    Make
    Cmake
    Rake
    Ant / NAnt
    MSBuild
    Maven
    Grunt

    View Slide

  173. grunt-contrib-clean
    grunt-contrib-coffee
    grunt-contrib-concat
    grunt-contrib-copy
    grunt-contrib-handlebars
    grunt-contrib-jshint
    grunt-contrib-jst
    grunt-contrib-less
    grunt-contrib-sass
    grunt-contrib-cssmin
    grunt-contrib-uglify
    grunt-watch-nospawn
    grunt-contrib-imagemin
    grunt-jasmine-bundle
    grunt-contrib-compass

    View Slide

  174. grunt-contrib-clean
    grunt-contrib-coffee
    grunt-contrib-concat
    grunt-contrib-copy
    grunt-contrib-handlebars
    grunt-contrib-jshint
    grunt-contrib-jst
    grunt-contrib-less
    grunt-contrib-sass
    grunt-contrib-cssmin
    grunt-contrib-uglify
    grunt-watch-nospawn
    grunt-contrib-imagemin
    grunt-jasmine-bundle
    grunt-contrib-compass
    grunt-*

    View Slide

  175. View Slide

  176. View Slide

  177. Client Server

    View Slide

  178. Client Server
    ?

    View Slide

  179. Client Server

    View Slide

  180. Client Server

    View Slide

  181. Client Server

    View Slide

  182. Lineman Sinatra

    View Slide

  183. Lineman Sinatra

    View Slide

  184. Lineman Sinatra

    View Slide

  185. Lineman Sinatra

    View Slide

  186. Lineman Sinatra

    View Slide

  187. View Slide

  188. Client Server

    View Slide

  189. Client Server

    View Slide

  190. Client Server

    View Slide

  191. Client Server

    View Slide

  192. Lineman Sinatra

    View Slide

  193. Lineman Sinatra

    View Slide

  194. Lineman Sinatra

    View Slide

  195. Lineman Sinatra

    View Slide

  196. View Slide

  197. 30 minute test build

    View Slide

  198. View Slide

  199. 4 minutes

    View Slide

  200. 4 minutes 4 minutes
    +

    View Slide

  201. 4 minutes 4 minutes
    +
    + 2 minutes

    View Slide

  202. 4 minutes 4 minutes
    +
    + 2 minutes
    10 minute test build

    View Slide

  203. It's habit forming.

    View Slide

  204. It's habit forming.

    View Slide

  205. It's habit forming.

    View Slide

  206. View Slide

  207. linemanjs.com/rails.html

    View Slide

  208. View Slide

  209. My name is Justin Searls
    Please tweet me @searls &
    Say [email protected]

    View Slide

  210. noun project attribution
    Yarn designed by Marie Coons from
    The Noun Project!
    !
    Scale designed by Ritika Khasgiwale
    from The Noun Project

    View Slide