Tweet
Tweet

Slide 1

Slide 1 text

Hattan Shobokshi Knockout JS

Slide 2

Slide 2 text

•What is MVVM? •What is Knockout? •DEMO •Web API

Slide 3

Slide 3 text

• Architectural pattern targeting rich UI • Separate Business Logic from UI logic • Separation of Concerns • Originally Introduced for WPF and Silverlight

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

• 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.

Slide 6

Slide 6 text

Demo

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

•What is MVVM? •Why Knockout? •What is Knockout? •DEMO •Web API

Slide 9

Slide 9 text

No content