Angulat

1. AngularJS
M i c h a ł T o m a s i k
 https://angularjs.org/img/AngularJS-large.png

2. Agenda
1.MVC
2.Iteracja
3.Dyrektywy
4.Yeoman
5.widoki
6.Piramida testow i testy z Angularem

3. MVC
 Model,
 View
 Controller

4. 1 way binding
●
●
●
●
●
 https://docs.angularjs.org/img/One_Way_Data_Binding.png

5. 2-way binding
 https://docs.angularjs.org/img/Two_Way_Data_Binding.png

6. 3- way
https://www.firebase.com/resources/images/blog/3-way-binding.png

7. YeoMan
 http://shoogledesigns.com/blog/wp-content/uploads/2013/08/yeoman-install.jpg


8. Model
● $scope.nazwaZmiennej = {};

9. View
<p>{{name}}</p>
● <input type=”text” ng-model=”name”>

10. Controllery i dependency
injection
angular.module('skyGateApp')
● .controller('PeopleCtrl', ['$scope',
'$http','$filter',
'$routeParams','$translate','toaster',
● function ($scope, $http, $filter,
$routeParams, $translate, toaster) {
●

11. Widoki
<div ng-view=""></div>

12. Iteracje
● <tr dir-paginate="startup in startups |
filter:q | filter:{locations:country} |
itemsPerPage: pageSize" current-page="
currentPage">

13. Idea Testów i testowanie w
Angularze
 http://martinfowler.com/bliki/images/testPyramid/pyramid.png

14. Źródła
 https://docs.angularjs.org/img/One_Way_Data_Binding.png
 https://docs.angularjs.org/img/Two_Way_Data_Binding.png
 https://www.firebase.com/resources/images/blog/3-way-binding.png
 http://shoogledesigns.com/blog/wp-content/uploads/2013/08/yeoman-install.jpg
 http://martinfowler.com/bliki/images/testPyramid/pyramid.png
 https://angularjs.org/img/AngularJS-large.png