AngularJS - survival guide

Анатолій Сєрний frontend developer at PointPack.pl SA
AngularJS - survival guide
На сьогоднішній день AngularJS це один з провідних гравців на ринку SPA (Single-page Application) фреймворків. “Магія” AngularJS заворожує, проте що робити коли все пішло не так як заплановано?
На цій доповіді я поділюсь з вами власним досвідом розробки повноцінних SPA з допомогою AngularJS, ми ознайомимося з головними принципами роботи та спробуємо розібратись як це все працює “з середини”, розглянемо найпоширеніші помилки початківців та навчимося не допускати їх.
А також: - як не перетворити вашу аплікацію в “монстра”; - чому AngularJS не любить AMD (Asynchronous module definition); - чого чекати від Angular вже завтра та що таке AngularDart.

Transcript

1. AngularJS - survival guide Anatoliy Syernyi ITRally “Phoenix” 17.05.2014
2. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi Agenda • Short intro • Data Binding • $scope • $digest • ngModelController • Dependency Injection (DI) • Survival Tips
3. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi
4. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi DEMO
5. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi One-Way Data Binding
6. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi Two-Way Data Binding
7. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi $scope is Angular glue
8. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi $digest
9. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi ngModelController • $viewValue • $modelValue ‣ $setValidity ‣ $parsers ‣ $formatters ‣ $viewChangeListeners ‣ $dirty ‣ $pristine
10. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi ngModelController
11. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi Dependency Injection (DI)
12. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi DI - proper way
13. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi - jQuery - Asynchronous module definition (AMD)
14. ITRally “Phoenix” AngularJS - survival guide Anatoliy Syernyi Survival Tips • AngularJS Batarang • Keep it simple • Performance? • Do not mess with $scope • Testing • $provide.decorator();
15. Thanks! ^_^ Fell free to contact me: linkedin.com/in/solomonua plus.google.com/+AnatoliySyernyi github.com/SolomoN-ua ITRally “Phoenix” 17.05.2014