Angular the Good Parts
0 likes488 views
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.
Angular the Good Parts
- 1. Angular the Good Parts (work in progress by @krzychukula)
- 3. Thanks Jedi! (delivered by @krzychukula)
- 5. Angular 1.*
- 8. Scalable
- 9. Angular 2
- 10. 80/20
- 11. Simple Rules
- 12. 6 Simple Rules
- 14. Use: .directive
- 15. $stateProvider .state('positions', { url: '/positions', template: '<positions></positions>' })
- 18. Use: scope: {}, bindToController: { count: '=' },
- 20. Use: controller
- 22. Use: template
- 24. function positions() { return { //next slide } }
- 25. scope: {}, bindToController: { data: “=” }, controller: require('./positions-controller'), controllerAs: 'positions', template: require("./views/positions-page.jade")
- 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/