This document discusses AngularJS, a framework for building client-side web applications. It is divided into four parts. Part I provides background on AngularJS and its benefits like being test-driven development friendly. Part II contrasts imperative vs declarative programming and provides AngularJS code examples. Part III discusses how AngularJS is used for everyday work, separating frontend logic from backend logic. Part IV discusses using AngularJS for testing and automation. The document concludes with contact information and credits.

1. AngularJs
31 January 2014, Las Palmas de GC

2. Part I
Background story

3. C#

4. Front-end

7. refactor
quit

8. Must have
Nice to have
● TDD friendly
● good architecture
● clean html

11. Unit tests?

12. with testability in mind

13. BING
O

14. Part II
Beginner

15. Imperative
Declarative

17. Imperative
Declarative

18. $('#save').click(save);
<button ng-click=”save()”>Save</button>

19. ?

20. html
html + angular
<button>
<button ng-click="save()">
<input>
<input ng-module="value">
<div>
<div ng-show="isVisible">
<li>
<li ng-repeat="element in list">

21. Part III
Everyday work

24. ?

27. +

28. +

29. + legacy code

30. home

31. +

32. frontend logic
backend
logic
tempate
request
frontend
logic
REST
json
backend
logic

33. ?

34. ng-model
ng-click
ng-change
ng-app

35. Login:
Controler
Pass:
Send
View

37. IV
Beyond frontend

38. Testing

39. headerCtrl($scope, $location, User)

41. describe("Hello world", function() {
it("says hello", function() {
expect(helloWorld()).toEqual("Hello world!");
});
});

42. Automation

43. ?

46. RAKE

48. ?
?
?
?
?

49. Summary
● testable
● framework & ecosystem
● tooling

50. Contact
● marcin.wosinek@gmail.com
● @MarcinWosinek
● links, slides, notes and (hopefully) video:
http://bit.ly/lpa-angular

51. Credits
●
●
●
●
●
●
●
spagetti: http://www.flickr.com/photos/jeena/5661116055/
confesion bear: http://knowyourmeme.com/photos/336370-confession-bear
mockups: http://balsamiq.com
admin page: http://www.flickr.com/photos/juggernautco/10065981863/
shopin cart: http://www.flickr.com/photos/sswinehart/4415385405
wikipedia: http://upload.wikimedia.org/wikipedia/commons/8/87/WikipediaMainPage.png
games: http://www.flickr.com/photos/ian_d/30859899