as easy as rails

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