Knockout JS with ASP.NET MVC 4 & Web API

Transcript

1. Hattan Shobokshi Knockout JS
2. •What is MVVM? •What is Knockout? •DEMO •Web API
3. • Architectural pattern targeting rich UI • Separate Business Logic from UI logic • Separation of Concerns • Originally Introduced for WPF and Silverlight
5. • Elegant dependency tracking - automatically updates the right parts of your UI whenever your data model changes • Declarative bindings - a simple and obvious way to connect parts of your UI to your data model • Flexible and sophisticated templating - construct a complex dynamic UI easily using arbitrarily nested templates • Trivially extensible - implement custom behaviors as new declarative bindings for easy reuse in just a few lines of code A JavaScript Library that makes it easy to build complex user interfaces.
6. Demo
7. ASP.NET MVC Integration • Forms Binding + JSON Model Binding support in MVC3 • Data Bind attribute conversion in MVC3 Helper • Validation works with a little adjustment • ASP.NET MVC Single Page Applications (SPA) / Upshot JS
8. •What is MVVM? •Why Knockout? •What is Knockout? •DEMO •Web API