Downloaded 14 times
AngularJS roadmap.
- 1.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. + • dependency Injection •separate structure (modules, view-controller-service) • services • custom directives and build-in • testing e2e… • open source community • huge knowledge base • easy start
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. Out of thebox • $q (promises) • $http +interceptors • $filter • form validation • animation • ng-repeat
- 27. Find out beforestarting • $digest how it work in Angular 1.5. When it is executed? http://www.bennadel.com/blog/2595-using-scope-digest-as-a-performance-optimization- in-angularjs.htm • how often executes and difference between $watch, $watchCollection, $watch(.., true) http://www.bennadel.com/blog/2566-scope-watch-vs-watchcollection-in-angularjs.htm • $broadcast, $on http://www.bennadel.com/blog/2725-how-scope-broadcast-interacts- with-isolate-scopes-in-angularjs.htm • sharing data between controllers (through services) https://egghead.io/lessons/angularjs- sharing-data-between-controllers • how often filters are executed in ng-repeat (try $filter in controller) http://www.bennadel.com/blog/2489-how-often-do-filters-execute-in-angularjs.htm • difference between ng-show and ng-if, setTimeout() and $timeout http://www.bennadel.com/blog/2548-don-t-forget-to-cancel-timeout-timers-in-your- destroy-events-in-angularjs.htm
- 28. Tips • controllerAs syntax •use ng-repeat instead of ui-grid • angular-moment for dates • resolve in ui-router (freeze app, difficult debug) • add loading (when send request) test on slow internet • avoid nested ng-repeat • avoid too many $watch
- 29. Open source community •Bootstrap https://angular-ui.github.io/bootstrap/ • Angular-UI https://angular-ui.github.io/ • UI-router https://github.com/angular-ui/ui-router • Angular material https://material.angularjs.org/ • Formly http://angular-formly.com/ • RestAngular https://github.com/mgonto/restangular
- 30.
- 31.
- 32.
- 33. Bootstrap 3. Grid ifie10+
- 34.
- 35.
- 36.
- 37.
- 38.
- 39. • Formly http://angular-formly.com/ •RestAngular https://github.com/mgonto/restangular
- 40. Grunt > Gulp> Webpack
- 41.
- 42. Links • https://egghead.io • https://bennadel.com •https://github.com/johnpapa/angular-styleguide • https://toddmotto.com/ • http://thoughtram.io/ • https://gitter.im/dev-ua/angularjs
- 43. Conclusion • Now: manyprojects on AngularJS 1.X + ES5 TypeScript, ES6, CoffeeScript. • Feature: Angular2, TypeScript, move to clouds (RestAPI).
- 44.
- 45.