Datos de Contacto  Web: http://mRubino.net  Blog: http://geeks.ms/blogs/mRubino  Twitter : @Marc_Rubino  Linkedin: http://...
¿Qué es?     •   100% JavaScript     •   Open Source     •   40 Kb - Minimizado     •   Cross-Browser     •   Sin dependen...
<span data-bind="text: Nombre" />             Enlace a datos              declarativo
public class Cliente{  public int Id { get; set; }  public string Logo { get; set; }  public string Nombre { get; set; }  ...
function ViewModel () {    this.Nombre = ko.observable("Marc");    this.Apellidos = ko.observable("Rubiño");    this.Nonbr...
Conceptos PrincipalesEnlaces Declarativos   UI Sincronizadas   Dependencias   Plantillas
Datos de Contacto  Web: http://mRubino.net  Blog: http://geeks.ms/blogs/mRubino  Twitter : @Marc_Rubino  Linkedin: http://...
"Javascript con MVVM Knockout" por @Marc_Rubino
"Javascript con MVVM Knockout" por @Marc_Rubino
"Javascript con MVVM Knockout" por @Marc_Rubino
"Javascript con MVVM Knockout" por @Marc_Rubino
"Javascript con MVVM Knockout" por @Marc_Rubino
"Javascript con MVVM Knockout" por @Marc_Rubino
"Javascript con MVVM Knockout" por @Marc_Rubino
"Javascript con MVVM Knockout" por @Marc_Rubino
Upcoming SlideShare
Loading in …5
×

"Javascript con MVVM Knockout" por @Marc_Rubino

1,857 views

Published on

Presentación realizada en el #webcat Barcelona de Mayo del 2012
Autor: Marc Rubiño (@Marc_Rubino)

------------------------------------------------
RECURSOS:

- Knockout
http://knockoutjs.com/

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
1,857
On SlideShare
0
From Embeds
0
Number of Embeds
68
Actions
Shares
0
Downloads
21
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

"Javascript con MVVM Knockout" por @Marc_Rubino

  1. 1. Datos de Contacto Web: http://mRubino.net Blog: http://geeks.ms/blogs/mRubino Twitter : @Marc_Rubino Linkedin: http://linkedin.com/in/mRubino
  2. 2. ¿Qué es? • 100% JavaScript • Open Source • 40 Kb - Minimizado • Cross-Browser • Sin dependencias • Web con ejemplos y documentación
  3. 3. <span data-bind="text: Nombre" /> Enlace a datos declarativo
  4. 4. public class Cliente{ public int Id { get; set; } public string Logo { get; set; } public string Nombre { get; set; } public string Telf { get; set; } public string Contacto { get; set; } public Direccion Direccion { get; set; }}
  5. 5. function ViewModel () { this.Nombre = ko.observable("Marc"); this.Apellidos = ko.observable("Rubiño"); this.NonbreCompleto = ko.computed({ read: function () { return this.Nombre() + this.Apellidos(); }, write: function (nombre, apellido) { this.Nombre(nombre); this.Apellidos(apellido); } }); } var viewModel = new ViewModel (); ko.applyBindings(viewModel);
  6. 6. Conceptos PrincipalesEnlaces Declarativos UI Sincronizadas Dependencias Plantillas
  7. 7. Datos de Contacto Web: http://mRubino.net Blog: http://geeks.ms/blogs/mRubino Twitter : @Marc_Rubino Linkedin: http://linkedin.com/in/mRubino

×