Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Angular & rails

720 views

Published on

Talk at BrisRuby (http://www.meetup.com/BrisRuby/events/193664102/). Check out the gist: https://gist.github.com/michael-harrison/53f715fc7dda62308cb2

Published in: Software
  • Be the first to comment

Angular & rails

  1. 1. The Road to Angular Rails & AngularJS
  2. 2. Beginnings Rails  4.0.x   Haml   Sass   Coffee   Devise  with  CanCan   jQuery   Twitter  Bootstrap   PostgeSQL   Unicorn
  3. 3. Getting Started Installation https://github.com/hiravgandhi/angularjs-­‐rails
  4. 4. Getting Started Activation
  5. 5. View Transitions https://github.com/rtomayko/tilt change  render  to  ng-­‐include Rails  controller  attributes  to  Angular  Attributes
  6. 6. Everything in its right place?
  7. 7. Everything in its right place?
  8. 8. Order matters
  9. 9. Order matters
  10. 10. Rails Routing
  11. 11. Be RESTful
  12. 12. Be RESTful
  13. 13. Testing jasmine    http://jasmine.github.io/ mocha    http://visionmedia.github.io/mocha/ QUnit   http://qunitjs.com/ Javascript Frameworks
  14. 14. Testing jasminerice    https://github.com/bradphelan/jasminerice teaspoon   https://github.com/modeset/teaspoon jasminerice  with  Jasmine  2.0  support   https://github.com/michael-­‐harrison/jasminerice ruby gems
  15. 15. Full Stack Testing Capybara::Angular   https://github.com/wrozka/capybara-­‐angular
  16. 16. Full Stack Testing
  17. 17. Full Stack Testing
  18. 18. Full Stack Testing
  19. 19. Security On the Angular Side
  20. 20. Security Devise
  21. 21. Security Devise
  22. 22. Security Rack Attack  Rack::Attack!!!    https://github.com/kickstarter/rack-­‐attack secure_headers   https://github.com/twitter/secureheaders Rack::Protection   https://github.com/rkh/rack-­‐protection uglifier:     Ruby  wrapper  for  UglifyJS  JavaScript  compressor.   https://github.com/lautis/uglifier
  23. 23. The Angular Road Michael Harrison @harrison808 michael@ntechmedia.com Rails & AngularJS https://github.com/michael-­‐harrison

×