1. KnockoutJS with
ASP.NET MVC
JOEL COCHRAN

2. About Me
 Expression Blend MVP
 ASPInsider
 Manager Consultant, Sogeti
 joelcochran@gmail.com
 @joelcochran
 joelcochran.com

3. Windows 8 apps with HTML5 and
JavaScript
 manning.com/shultz/
 37% off!
 Use promo code: win8app37

4. http://madexpo.us

5. KnockoutJS: MVVM for the web
 Separation of concerns
 Data binding
 Uses modern HTML5
 Pure JavaScript

6. Scripts we’ll use
 jQuery – jQuery.com
 Knockout – knockoutjs.com
 Knockout mapping
 All available through Nuget

7. Traditional ASP.NET MVC
 Pros
 Strongly Typed Razor syntax (familiar)
 Intellisense
 Start with Templates
 Cons
 Embedded JavaScript
 Poor Intellisense
 No separation

8. Stop! Demo time

9. Knockout Mapping
 Fast and (almost) painless
 Allows for separation
 BUT
 Ties Knockout ViewModel to ASP.NET ViewModel

10. Stop! Demo time

11. AJAX Calls within Controller
 Flexible
 Responsive
 Performant
 Can be done right in the Controller
 Good and bad: Can clutter up your Controller

12. Stop! Demo time

13. AJAX calls outside the Controller
 Service calls
 True separation
 Can be used in many applications/formats
 ASP.NET MVC 4 has this built in with WebApi
 Fits very well with the KO approach

14. Stop! Demo time

15. Thanks
 joelcochran@gmail.com
 @joelcochran
 joelcochran.com