The Road to AngularRails & AngularJS

BeginningsRails  4.0.x  Haml  Sass  Coffee  Devise  with  CanCan  jQuery  Twitter  Bootstrap  PostgeSQL  Unicorn

Getting StartedInstallation

https://github.com/hiravgandhi/angularjs-­‐rails

Getting StartedActivation

View Transitionshttps://github.com/rtomayko/tilt

change  render  to  ng-­‐include

Rails  controller  attributes  to  Angular  Attributes

Everything in its right place?

Everything in its right place?

Order matters

Order matters

Rails Routing

Be RESTful

Be RESTful

Testing

jasmine    http://jasmine.github.io/

mocha    http://visionmedia.github.io/mocha/

QUnit  http://qunitjs.com/

Javascript Frameworks

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

Full Stack TestingCapybara::Angular  

https://github.com/wrozka/capybara-­‐angular

Full Stack Testing

Full Stack Testing

Full Stack Testing

SecurityOn the Angular Side

SecurityDevise

SecurityDevise

SecurityRack 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

The Angular Road

Michael Harrison

@harrison808

michael@ntechmedia.com

Rails & AngularJS

https://github.com/michael-­‐harrison