Listado de productos con diferentes templates – Kendo UI y Bootstrap

Buen día a todos, en esta entrada voy a hablar un poco más de front-end y el patrón de diseño MVVM que ya hemos visto un poco en entradas anteriores utilizando Kendo. Lo que vamos a hacer lo subí en este JSFiddle pero de igual forma ya lo pudieron ver en la imagen destacada de esta entrada.

Crearemos un listado de productos que se cargarán de forma dinámica utilizando Kendo UI MVVM con datos locales y estáticos para dejarlo de una forma simple. La parte interesante del post es que se utilizarán los templates de Kendo para poder intercambiar en tiempo de ejecución la forma en la que se ven los productos (o cualquier cosa) sin tener que hacer un esfuerzo grande y lo importante, sin tener que refrescar completamente la página.

El HTML

Para comenzar no vamos a utilizar ningún lenguaje de servidor (como NodeJS o MVC) y vamos a comenzar con los siguientes archivos (solo tres): Continuar leyendo “Listado de productos con diferentes templates – Kendo UI y Bootstrap”

Anuncios

Aplicaciones Web MVVM con Kendo UI y NodeJS (ft. bootstrap) – Parte 2

Buenas noches (o tardes?) a todos :D.

En esta ocasión seguiré con la ahora serie de posts de NodeJS y Kendo UI, ya que es continuación del post anterior te recomiendo que la leas antes de seguir en este.

Lo que busco hacer en esta entrada es seguir viendo como funciona MVVM incluyendo ahora operaciones clásicas “CRUD” utilizando la funcionalidad del Data Source de Kendo. Lo que haremos es siguiendo el mismo ejemplo de la entrada anterior el poder crear, leer, actualizar y eliminar elementos de nuestro listado realizando los requests HTTP necesarios. No usaremos bases de datos, tal vez lo extendamos después. También decidí incluir Bootstrap en este ejemplo y básicamente esta será la actualización de nuestro proyecto:

Screen Shot 2015-04-03 at 10.52.41 PM

Continuar leyendo “Aplicaciones Web MVVM con Kendo UI y NodeJS (ft. bootstrap) – Parte 2”