Backbone JS Over Rails In The Cloud

1. BACKBONE.JS OVER RAILS IN THE CLOUD
Jared Faris
@jaredthenerd
jared@jaredthenerd.com

2. ABOUT ME

4. LET’STELL A STORY!

5. OOPS

7. LEVEL 0 – ATTEMPT 2

8. RUBY ON RAILS
YOU’VE FOUND RUBY
AND ALSO RAILS

9. THE EASYWINS People write a lot of code for you
 Really easy to get started
 Great community support

10. THE LESS CLEARTHINGS “Open source”
 Why not Python? Why not .NET/Java/etc?
 “Automagic” breaks quickly
 Server-side is becoming less important

11. LEVEL 0 – COMPLETED

12. LEVEL 1– BUILDING ON RAILS
• HAML (not ERB)
• SASS (not CSS)
• CoffeeScript (not JavaScript)
• Ruby (not… ok, we kept Ruby)

13. HAML EXAMPLE

14. SASS EXAMPLE

15. SCSS EXAMPLE

16. AUTHS
• Authentication
• Authorization
• Build or “Buy”
Security

17. CANCAN EXAMPLE

18. OTHER GEMS
• Redcarpet
• Ruby OAuth
• Braintree
• Sendgrid
• Paperclip
• Mongoid
Other Gems

19. LEVEL 1 - COMPLETE

20. LEVEL 2 - DATABLACK MAGIC
AKA DATABASES

21. SCARY DBS
• ORMs hide the database
• Ruby’s automatic inclusion of
ActiveRecord encourages little DB
thought
• Developers automatically build
relational schemas
• Black Mage has a cool hat

22. OUR DATA
• Data frequently comes in isolated
silos
• Little of our data was traditionally
“relational”
• We could rebuild data sets later for
reporting if we needed to
• Scalability and ease of maintenance
mattered heavily. We aren’t Ops folks

23. MONGO DB
• Document store (NoSQL)
• JavaScript based
• Easy clustering
• Run local and on servers
MongoDB

24. MONGO QUERY EXAMPLE

25. MONGOID
• ODM – Object Document Mapper
• Maps Active Record interactions to
MongoDB
• Quit thinking about persistence and
just think about objects
Mongoid

26. MONGOID QUERY EXAMPLE

27. LEVEL 3 – “JSON API”
JSON API

28. JSON API EXAMPLE

29. JAVASCRIPT BITS
• Templating
• Objects for widgets
• Namespacing

30. COFFEESCRIPT
COFFEESCRIPT

31. COFFEESCRIPT.ORG

32. LEVEL 4 - FRAMEWORKS• Started with jQuery
• Added templates
• Switched to Knockout
• Ended up on Backbone
• And then some Marionette

33. LEVEL 5 – DEV ENV

34. DEV ENV
• Local development (local Rails,
Mongo, etc)
• Initially TeamCity for CI running on
a VM
• Fair bit of RSpec and Jasmine

35. GITHUB

36. TEAMCITY CRASH
Switched to
Semaphore
VM CRASH!!!

37. SEMAPHORE

38. EC2 InstancesInternet
Security Group
DNS
Resolution
LEVEL 6 - PRODUCTIONPRODUCTION

39. TOP RUBY RESOURCES• Ruby Koans
• Ruby on Rails Guides
• RailsCasts
• Ruby Toolbox
• Paid code reviews

40. TOP JS RESOURCES• JavaScript: The Good Parts
• Backbone Koans
• Derek Bailey’s blogs
• Project homepages

41. WARP PIPE

42. Jared Faris
@jaredthenerd
jared@jaredthenerd.com