AngularJS
•
3 gostaram•1,784 visualizações
An introduction to AngularJS. There's a little focus on using it with Rails as well.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (8)
Semelhante a AngularJS
Semelhante a AngularJS (20)
Último
Último (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