MVC en javascript

[cristian_cena]

Hola, quería compartirles este sitio que vi hace poco:
ultranoir.com
Sus urls:
http://www.ultranoir.com/en/#!/home/
http://www.ultranoir.com/en/#!/ultranoir/
...etc...

Actualmente trabajo con el patrón mvc en php. Tengo un controlador frontal que escucha a los controladores de cada módulo, que se ocupa de routear y de que todo el sistema tenga un solo punto de entrada. Cada módulo por su parte cuenta con su modelo y su vista, en fín, eso.

Mi pregunta es: ¿como trabajar con mvc y frontcontroller en javascript? ¿como hizo esta gente para armar semejante sitio asíncrono?

Les agradezco desde ya los links, material de estudio, etc que puedan sugerirme.

Un saludo.

[dggluz]

¡Me sumo al pedido! Tengo ganas de leer algo de eso.

[Aijoona]

Si querés empezar te recomiendo que pispees un poco sobre las tantas librerías que hay, algunas de ellas:

• Backbone
• Spine
• Batman

Si te interesa leer, tenés el libro 'JavaScript Web Applications' que hace una introducción a Backbone y Spine (de hecho esta librería es del mismo autor que el libro).

Por otro lado te diría de enfocar el desarrollo utilizando el history api (ejemplo) cuando esté disponible y usar el hashbang como fallback.

Saludos.

[dual3nigma]

Hola cristian_cena, como te comenta Aijoona es buena idea comenzar con alguno de los frameworks que te menciona, a mi me gusta Batman y Backbone, ambos tiene Routes, que se encargan del Deep linking, así que por eso no tienes que preocuparte. Lo que me gusta de estos dos frameworks es que no traen basura como Knockout.js por ejemplo, empezar con backbone y batman puede ser un poco difícil ya que no hay mucha documentación o un tutorial muy en forma para principiantes, puedes probar http://arturadib.com/hello-backbonejs/

Por otro lado para armar un sitio como el del ejemplo no es esencial utilizar el patrón MVC, la cosa con los patrones es que es importante evaluar cuando conviene utilizarlos hay veces en que queda perfecto pero otras donde solo complica mas las cosas.

Yo por ejemplo hace poco hice este sitio http://bit.ly/sxFK3N utilizando solamente http://www.asual.com/jquery/address/ tengo en el evento "AddressChange" algo así

Código Javascript:

if(valor = $.address.value().match(/^\/tipo\/(\w+)\/?$/i)) {
    views.tipo(valor[1]);
  } else if(valor = $.address.value().match(/^\/tipo\/(\w+)\/(\w+)\/?$/i)) {
    views.subcategoria(valor[1], valor[2]);
  } else if($.address.value().match(/^\/contacto\/?$/i)) {
    views.contacto();
  } else if($.address.value().match(/^\/buscar\/?$/i)) {
    views.buscar(); 
  } else {
    views.home();
  }
 

y listo, pero depende de cada quien.

Saludos!

[cristian_cena]

Hola muchachos,
@aijoona. me gustó la buena documentación de las 3 librerías, ya veré por cual me decido.
@dual3nigma, sobre jquery address, viendo como quedó tu trabajo me dan ganas de usarlo :)

Bueno con este pantallazo ya tengo bastante por estudiar, muchísimas gracias por sus aportes, me vienen excelente!!