Knockout.js is an open source JavaScript library for building rich client-side web applications. It uses the Model-View-ViewModel (MVVM) pattern to bind HTML markup and JavaScript code together. Knockout.js provides automatic dependency tracking and integrated templating capabilities. It supports declarative bindings that allow for two-way communication between the view and view model components. This enables rich interactivity and removes the need for overlapping event handlers in the code.

1. Knockout.js
Dynamic Web UIs and the MVVM pattern
Ægir Þorsteinsson
Landsbankinn
@thorsteinsson
http://thorsteinsson.is/

2. Knockout.js
MVVM for HTML and JavaScript
Open source JavaScript library
(MIT license – source on GitHub)
~ 1 year old; active community
Community project
(not run by Microsoft)

3. Knockout.js
What is it good for?
Rich client-side interactivity Bye bye, overlapping mess of
interrelated event handlers
Hello, object-oriented JavaScript
MVVM pattern
and declarative bindings
Wide browser support
6+ 2+
http://knockoutjs.com

4. MVVM in JavaScript
View HTML + declarative bindings
Browser
Automatic
ViewModel JavaScript + observables
Ajax / form posts
Server
“Model” Any server-side technology

5. Examples

6. Examples

7. Commonly-used bindings
text html visible
Content
& appearance
css attr style
event click submit Events
value options checked
Form fields
selectedOptions enable disable
template Templating
Control flow
if with foreach
(KO 1.3)

8. Knockout.js
How is it different?
Automatic Integrated
Declarative
dependency templating
bindings
tracking

9. http://knockoutjs.com

10. SignalR
Persistent connection between JS and ASP.NET
Open source JavaScript library
(MIT license – source on GitHub)
~ 1 year old; active community
Community project
(not run by Microsoft)

11. SignalR
Browser
JavaScript
Long polling / web sockets
Server
ASP.NET

12. SignalR
http://aegir.pagekite.me/chat

13. SignalR

14. SignalR

15. SignalR

16. More information
http://knockoutjs.com
http://signalr.net
http://learn.knockoutjs.com
http://knockmeout.net

17. Questions?
Ægir Þorsteinsson
Landsbankinn
@thorsteinsson
http://thorsteinsson.is/