AngularJS roadmap.
- 10. React vs Angular
- 11. React + Angular
- 12. invisionapp.com
- 13. upwork.com
- 14. timelyapp.com
- 15. privat24.ua
- 16. Angular 1.5
- 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
- 26. Out of the box • $q (promises) • $http +interceptors • $filter • form validation • animation • ng-repeat
- 27. Find out before starting • $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
- 33. Bootstrap 3. Grid if ie10+
- 36. CSS Flexbox
- 39. • Formly http://angular-formly.com/ • RestAngular https://github.com/mgonto/restangular
- 40. Grunt > Gulp > Webpack
- 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: many projects on AngularJS 1.X + ES5 TypeScript, ES6, CoffeeScript. • Feature: Angular2, TypeScript, move to clouds (RestAPI).