AngularJS
•
3 likes•1,784 views
An introduction to AngularJS. There's a little focus on using it with Rails as well.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (8)
Similar to AngularJS
Similar to AngularJS (20)
Recently uploaded
Recently uploaded (20)
AngularJS
- 1. AngularJS YAJSCAT - "Yet Another JavaScript Client-side Application Thingy"
- 2. The need for YAJSCAT Web applications are getting fancier at an alarming rate! Fancyness middle ages When google ruined everything with gmail Ancient Egyptian "Superhighway" Web Development Boom Time
- 3. WE MUST DO SOMETHING!!! AngularJS is something. Therefore, we must do AngularJS. LOGIC: YOU ARE CONVINCED.
- 4. What's in your js directory? ● app.js ● controllers.js ● directives.js ● filters.js ● services.js
- 5. App Organizes and controls imports for the other files
- 6. Directives Are custom html, this lets you "teach html new tricks". Links behavior or DOM transformations into the DOM <input ng-model="name"> <span ng-bind="name"></span> [elsewhere in js land] function Controller($scope) { $scope.name = 'default';
- 7. Filters
- 8. Services link up to, for example, REST services.
- 9. Testing Includes: ● end-to-end (integration) testing ● unit testing describe('Phone detail view', function() { beforeEach(function() { browser().navigateTo('app/index.html#/phones/nexus-s'); }); it('should display nexus-s page', function() { expect(binding('phone.name')).toBe('Nexus S'); }); }); (jasmine with a custom DSL)
- 10. Testing Units specs include ● controllers ● directives ● filters ● services
- 11. Templates in the DOM (cf. String-based like handlebars): <html> <head><title>Foo</title> <body> <div ng-view></div> </body> </html>
- 12. Using it in rails... gem 'angular-rails'
- 13. Basically Tell angular about all of your RESTful routes