Your SlideShare is downloading. ×
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Knockout.js & SignalR
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Knockout.js & SignalR

4,434

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,434
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
98
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Knockout.js Dynamic Web UIs and the MVVM patternÆgir ÞorsteinssonLandsbankinn@thorsteinssonhttp://thorsteinsson.is/
  • 2. Knockout.jsMVVM 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 bindingsBrowser Automatic ViewModel JavaScript + observables Ajax / form postsServer “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 fieldsselectedOptions enable disable template Templating Control flow if with foreach (KO 1.3)
  • 8. Knockout.jsHow is it different? Automatic Integrated Declarative dependency templating bindings tracking
  • 9. http://knockoutjs.com
  • 10. SignalRPersistent 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. SignalRBrowser JavaScript Long polling / web socketsServer ASP.NET
  • 12. SignalR http://aegir.pagekite.me/chat
  • 13. SignalR
  • 14. SignalR
  • 15. SignalR
  • 16. More informationhttp://knockoutjs.comhttp://signalr.nethttp://learn.knockoutjs.comhttp://knockmeout.net
  • 17. Questions?Ægir ÞorsteinssonLandsbankinn@thorsteinssonhttp://thorsteinsson.is/

×