Presentación realizada en el #webcat Barcelona de Mayo del 2012 Autor: Marc Rubiño (@Marc_Rubino) ------------------------------------------------ RECURSOS: - Knockout http://knockoutjs.com/

2. Datos de Contacto
Web: http://mRubino.net
Blog: http://geeks.ms/blogs/mRubino
Twitter : @Marc_Rubino
Linkedin: http://linkedin.com/in/mRubino

6. ¿Qué es?
• 100% JavaScript
• Open Source
• 40 Kb - Minimizado
• Cross-Browser
• Sin dependencias
• Web con ejemplos y documentación

8. <span data-bind="text: Nombre" />
Enlace a datos
declarativo

9. 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; }
}

10. 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);

11. Conceptos Principales
Enlaces Declarativos UI Sincronizadas Dependencias Plantillas

15. Datos de Contacto
Web: http://mRubino.net
Blog: http://geeks.ms/blogs/mRubino
Twitter : @Marc_Rubino
Linkedin: http://linkedin.com/in/mRubino