This document discusses simplifying Angular code by following 6 simple rules: 1. Use directives instead of ng-controller. 2. Use controllerAs syntax and bindToController instead of $scope. 3. Use controllers instead of link functions. 4. Use templates instead of templateUrl. 5. Avoid using $rootScope. 6. Use factories and services instead of providers. The document provides examples of refactoring code according to these rules and recommends some additional resources for learning more about building scalable Angular applications.

1. Angular the Good Parts
(work in progress by @krzychukula)

3. Thanks Jedi!
(delivered by @krzychukula)

5. Angular 1.*

7. API explosion

8. Scalable

9. Angular 2

10. 80/20

11. Simple Rules

12. 6 Simple Rules

13. Let go of:
ng-controller
1

14. Use:
.directive

15. $stateProvider
.state('positions', {
url: '/positions',
template: '<positions></positions>'
})

16. Let go of:
$scope
2

17. Use:
controllerAs: 'ctrl',

18. Use:
scope: {},
bindToController: {
count: '='
},

19. Let go of:
link
3

20. Use:
controller

21. Let go of:
templateUrl
4

22. Use:
template

23. angular.module('positions')
.directive('positions', positions);

24. function positions() {
return {
//next slide
}
}

25. scope: {},
bindToController: {
data: “=”
},
controller: require('./positions-controller'),
controllerAs: 'positions',
template: require("./views/positions-page.jade")

26. Let go of:
$rootScope
5

27. Let go of:
.provider
6

28. Work in progress

29. Use:
.factory

30. Use:
.service

31. Feedback?

32. Inspirations
● https://medium.com/@bluepnume/sane-scalable-angular-apps-are-tricky-but-not-impossible-
lessons-learned-from-paypal-checkout-c5320558d4ef
● http://toddmotto.com/exploring-the-angular-1-5-component-method/
● http://teropa.info/blog/2015/10/18/refactoring-angular-apps-to-components.html
● http://juristr.com/blog/2015/07/learning-ng-prepare-ng2/

33. Thanks!
(delivered by @krzychukula)