AngularJS
Upcoming SlideShare
Loading in...5
×
 

AngularJS

on

  • 1,913 views

An introduction to AngularJS. There's a little focus on using it with Rails as well.

An introduction to AngularJS. There's a little focus on using it with Rails as well.

Statistics

Views

Total Views
1,913
Views on SlideShare
1,911
Embed Views
2

Actions

Likes
3
Downloads
57
Comments
0

1 Embed 2

http://www.slashdocs.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

AngularJS AngularJS Presentation Transcript

  • AngularJSYAJSCAT - "Yet AnotherJavaScript Client-side ApplicationThingy"
  • 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
  • WE MUST DO SOMETHING!!!AngularJS is something. Therefore, we mustdo AngularJS.LOGIC: YOU ARE CONVINCED. View slide
  • Whats in your js directory?● app.js● controllers.js● directives.js● filters.js● services.js View slide
  • AppOrganizes and controls imports for the otherfiles
  • DirectivesAre custom html, this lets you "teach htmlnew tricks". Links behavior or DOMtransformations into the DOM<input ng-model="name"><span ng-bind="name"></span>[elsewhere in js land]function Controller($scope) { $scope.name = default;
  • Filters
  • Serviceslink up to, for example, REST services.
  • TestingIncludes:● end-to-end (integration) testing● unit testingdescribe(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)
  • TestingUnits specs include● controllers● directives● filters● services
  • Templatesin the DOM (cf. String-based likehandlebars):<html> <head><title>Foo</title> <body> <div ng-view></div> </body></html>
  • Using it in rails...gem angular-rails
  • BasicallyTell angular about all of your RESTful routes