Angular the Good Parts
-
Upload
krzysztof-kula -
Category
Technology
-
view
314 -
download
0
Transcript of Angular the Good Parts
![Page 1: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/1.jpg)
Angular the Good Parts(work in progress by @krzychukula)
![Page 2: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/2.jpg)
![Page 3: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/3.jpg)
Thanks Jedi!(delivered by @krzychukula)
![Page 4: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/4.jpg)
![Page 5: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/5.jpg)
Angular 1.*
![Page 6: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/6.jpg)
![Page 7: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/7.jpg)
API explosion
![Page 8: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/8.jpg)
Scalable
![Page 9: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/9.jpg)
Angular 2
![Page 10: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/10.jpg)
80/20
![Page 11: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/11.jpg)
Simple Rules
![Page 12: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/12.jpg)
6 Simple Rules
![Page 13: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/13.jpg)
Let go of:
ng-controller
1
![Page 14: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/14.jpg)
Use:
.directive
![Page 15: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/15.jpg)
$stateProvider .state('positions', { url: '/positions', template: '<positions></positions>' })
![Page 16: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/16.jpg)
Let go of:
$scope
2
![Page 17: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/17.jpg)
Use:
controllerAs: 'ctrl',
![Page 18: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/18.jpg)
Use:scope: {},bindToController: { count: '='},
![Page 19: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/19.jpg)
Let go of:
link
3
![Page 20: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/20.jpg)
Use:
controller
![Page 21: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/21.jpg)
Let go of:
templateUrl
4
![Page 22: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/22.jpg)
Use:
template
![Page 23: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/23.jpg)
angular.module('positions').directive('positions', positions);
![Page 24: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/24.jpg)
function positions() { return {
//next slide }}
![Page 25: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/25.jpg)
scope: {}, bindToController: {
data: “=” }, controller: require('./positions-controller'), controllerAs: 'positions', template: require("./views/positions-page.jade")
![Page 26: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/26.jpg)
Let go of:
$rootScope
5
![Page 27: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/27.jpg)
Let go of:
.provider
6
![Page 28: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/28.jpg)
Work in progress
![Page 29: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/29.jpg)
Use:
.factory
![Page 30: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/30.jpg)
Use:
.service
![Page 31: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/31.jpg)
Feedback?
![Page 32: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/32.jpg)
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/
![Page 33: Angular the Good Parts](https://reader031.fdocuments.us/reader031/viewer/2022030314/589c47e91a28ab227d8b5281/html5/thumbnails/33.jpg)
Thanks!(delivered by @krzychukula)