Wield AngularJS Like a
Pro
Me
Nate Abele
Former lead developer, CakePHP
Founder & current lead developer, Lithium
Member, AngularUI
@nateabele
AngularJS?
Two-way data binding
Live HTML templating
Dependency injection
Module system
Complete reversal of perspective
Lots of new terms!
Controllers
Directives
Providers
Services
Factories
Filters
Controllers
function($scope) {}
Directives
function(elem) { elem.click(...);
}
Providers, Services &
Factories
Different names for the same thing
Filters
{{ 500 | currency }} == $500.00
Filters
(secretly just a service)

$filter('currency')(500)
Filters
(secretly just a service)

$filter('filter')(posts, {
archived: true
})
Filters
(secretly just a service)
<div ng-repeat="posts | { archived:
true }">
Tools
Yeoman, Bower & Friends
Meh.
Batarang!
AngularUI
Utilities
Wrapper Modules
Standalone Modules
UI Bootstrap
UI Router
Demo Time!
2013 - Nate Abele Wield AngularJS like a Pro
2013 - Nate Abele Wield AngularJS like a Pro
2013 - Nate Abele Wield AngularJS like a Pro
2013 - Nate Abele Wield AngularJS like a Pro
2013 - Nate Abele Wield AngularJS like a Pro
Upcoming SlideShare
Loading in …5
×

2013 - Nate Abele Wield AngularJS like a Pro

2,012 views
1,859 views

Published on

PHP Conference Argentina 2013

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,012
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

2013 - Nate Abele Wield AngularJS like a Pro

  1. 1. Wield AngularJS Like a Pro
  2. 2. Me Nate Abele Former lead developer, CakePHP Founder & current lead developer, Lithium Member, AngularUI @nateabele
  3. 3. AngularJS?
  4. 4. Two-way data binding Live HTML templating Dependency injection Module system
  5. 5. Complete reversal of perspective Lots of new terms!
  6. 6. Controllers Directives Providers Services Factories Filters
  7. 7. Controllers function($scope) {}
  8. 8. Directives function(elem) { elem.click(...); }
  9. 9. Providers, Services & Factories Different names for the same thing
  10. 10. Filters {{ 500 | currency }} == $500.00
  11. 11. Filters (secretly just a service) $filter('currency')(500)
  12. 12. Filters (secretly just a service) $filter('filter')(posts, { archived: true })
  13. 13. Filters (secretly just a service) <div ng-repeat="posts | { archived: true }">
  14. 14. Tools
  15. 15. Yeoman, Bower & Friends
  16. 16. Meh.
  17. 17. Batarang!
  18. 18. AngularUI
  19. 19. Utilities Wrapper Modules Standalone Modules
  20. 20. UI Bootstrap
  21. 21. UI Router
  22. 22. Demo Time!

×