http://marcin-wosinek.github.io/blog/presentation/2014/01/31/AngularJs-Las-Palmas-de-GC.html

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