Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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,957 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

"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

×