1. WHEN TWO FORCES MEET
SIRAR SALIH
.NET CONSULTANT

2. When Two Forces Meet
HTML enhanced for web apps!
29.01.2014
/
2

3. When Two Forces Meet
POST (later)
GET (once)
From wikipedia
29.01.2014
/
3

4. When Two Forces Meet
• Directives
– Powerful, Angular-only feature
– Simplify DOM manipulation by reusable custom functionality
• Data binding
– Models
• Controllers
– Behavior
– Avoid DOM manipulation
• Form validation
– Easy client-side validation
• Localization
– Filter directives
• Testability
– Designed to be testable
– Easy dependency injection
• +++
29.01.2014
/
4

5. When Two Forces Meet
• Module
– Sub-modules
29.01.2014
/
5

6. When Two Forces Meet
• Controller
29.01.2014
/
6

7. When Two Forces Meet
• Directive
29.01.2014
/
7

8. When Two Forces Meet
• Service
– Data
29.01.2014
/
8

9. When Two Forces Meet
• Service
– Data
29.01.2014
/
9

10. When Two Forces Meet
29.01.2014 /
10

11. When Two Forces Meet
29.01.2014 /
11

12. When Two Forces Meet
• JavaScript compiler language
• Write object oriented JavaScript
 Classes
 Interfaces
 Base classes
 Inheritance
 Namespaces
 ++
29.01.2014 /
12

13. When Two Forces Meet
29.01.2014 /
13

14. When Two Forces Meet
29.01.2014 /
14

15. When Two Forces Meet
Share Races module across files:
29.01.2014 /
15

16. When Two Forces Meet
Ethnicities.ts:
29.01.2014 /
16

17. When Two Forces Meet
+
29.01.2014 /
17

18. When Two Forces Meet
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
18

19. Bootstrapper
29.01.2014 /
19

20. Controller Classes
29.01.2014 /
20

21. Binding Through Alias
29.01.2014 /
21

22. Directive Classes
29.01.2014 /
22

23. Directive Classes
29.01.2014 /
23

24. Demo
29.01.2014 /
24

25. Unit Testing
• Jasmine:
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
25

26. Unit Testing
• Karma test runner:
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
26

27. Unit Testing
• Karma test runner:
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
27

28. Test Automation
• Integration with TeamCity:
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
28

29. Test Automation
• Integration with TeamCity:
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
29

30. Code Coverage
• Istanbul plugin. Locally and integration with TeamCity :
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
30

31. Code Coverage
• Instanbul plugin. Locally and integration with TeamCity :
«With great power, comes great responsibility.» – Uncle Ben
29.01.2014 /
31

32. Thank you  / Questions
Blog: http://sirars.com/
• sirar.salih@itera.no / sirars@gmail.com
• @SirarSalih