The document discusses angularizing an ASP.NET MVC application by incorporating AngularJS. It begins with definitions of "angularizing" and explains the client-server model that AngularJS uses. It then outlines benefits of AngularJS like directives, data binding, controllers, validation and testability. It proposes applying AngularJS by creating modules, controllers, services for data and demonstrating in a live demo. It concludes by providing contact details and mentioning a Halloween beer event.

1. ANGULARFYING YOUR
ASP.NET MVC APP
SIRAR SALIH
.NET CONSULTANT

2. Angular-fying
21.12.2013
/
2

3. Angular-fying
(ˈæŋ
ɡjʊlə) - adj
1.
Having an angle or angles
2.
Placed at an angle
3.
Measured by an angle or by the rate at which an angle changes
21.12.2013
/
3

4. 21.12.2013
/
4

5. Client-Server model
POST
GET
From wikipedia
21.12.2013
/
5

6. Client-Server model
POST (later)
GET (once)
From wikipedia
21.12.2013
/
6

7. 21.12.2013
/
7

8. Goodies
• 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
• +++
21.12.2013
/
8

9. Angularfying Our MVC App
• Module
– Sub-modules
21.12.2013
/
9

10. Angularfying Our MVC App
• Controller
21.12.2013 /
10

11. Angularfying Our MVC App
• Service
– Data
21.12.2013 /
11

12. Angularfying Our MVC App
• Service
– Data
21.12.2013 /
12

13. Live demo
21.12.2013 /
13

14. Thank you  / QA
• Blog: http://www.sirars.com/ (new)
• Email: sirar.salih@itera.no / sirars@gmail.com
• Twitter: @SirarSalih

15. Halloween beer!
• Laundromat Pub (http://laundromat.no/)
– Up the street, and around the corner!