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
of 27

2013 - Nate Abele Wield AngularJS like a Pro

PHP Conference Argentina 2013
Published on: Mar 3, 2016
Published in: Technology      Business      
Source: www.slideshare.net


Transcripts - 2013 - Nate Abele Wield AngularJS like a Pro

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

Related Documents