domingo, 26 de enero de 2014
Knockoutjs: Primeros pasos
Ejemplo Hola mundo
Básicamente lo que mostrare aquí es un estracto del primer ejemplo de la pagina oficial de Knockoutj (KO desde ahora).
En este ejemplo existen 2 controles 'input' los cuales fueron enlazados a 2 variables del tipo ko.observable alojadas en un objeto javascript al cual llamaremos viewmodel (este tipo de variables será tratado en entregas posteriores). Ademas existe una tercera variable la cual es dependiente de las dos primeras, es decir, cualquier cambio en las variables "firstName" o "lastName" provocara que cambios en la variable "fullName". Como ven mas abajo les dejo el ejemplo funcionando sobre http://jsfiddle.net/ (Desde el ejemplo ustedes pueden ir a las distintas pestañas: Result,Html, Css,Javascript).
Knockoutjs: Introducción
La idea de este primer articulo es poder entregar algunas definiciones de acuerdo al contenido desde la pagina oficial de http://knockoutjs.com
Vamos a ver que nos dice la knockoutjs !!
Introducción:
knockout es una libreria javascript que te ayuda a crear interfaces de usuario ricas junto con un modelo de datos subyacente. Cada vez que tu tienes secciones en la UI que se actualize dinamicamente (por ejemplo cambiar algo dependiendo de las acciones del usuario o cuando una fuente de datos cambia), entonces knockout (KO) te puede ayudar a implementarlo de manera simple y mantenible.
Características:
Elegante traking de dependencias: Automáticamente actualiza las partes correctas de tu interfaz de usuario cada vez que tu modelo de datos cambia.
Binding declarativo. Entrega una simple manera de conectar los elementos de tu interfaz de datos a tu modelo. Tu puedes construir elementos complejos en tu UI y fácilmente usando "binding contexts" anidados arbitrariamente.
Extensible: Implementar comportamientos personalizados como nuevos bindings declarativos para fácil reuso en solo pocas lineas de código.
Beneficios adicionales:
Libreria Javascript pura: Trabaja con cualquier servidor o tecnología al lado del cliente.
Puede ser agregada a tu aplicacion web ya existente sin requerir mayores cambios de arquitectura.
Compacta: pesa alrededor de 13kb.
Trabaja sobre cualquier navegador convencional: (IE 6+, Firefox 2+, Chrome, Safari, otros).
¿Donde comenzar?
La forma más rápida de aprender es pasar por la pagina oficial de knockout. Una vez dentro ustedes van a la sección Live examples.
Espero ir pronto con algunos ejemplo prácticos...!!!
Vamos a ver que nos dice la knockoutjs !!
Introducción:
knockout es una libreria javascript que te ayuda a crear interfaces de usuario ricas junto con un modelo de datos subyacente. Cada vez que tu tienes secciones en la UI que se actualize dinamicamente (por ejemplo cambiar algo dependiendo de las acciones del usuario o cuando una fuente de datos cambia), entonces knockout (KO) te puede ayudar a implementarlo de manera simple y mantenible.
Características:
Elegante traking de dependencias: Automáticamente actualiza las partes correctas de tu interfaz de usuario cada vez que tu modelo de datos cambia.
Binding declarativo. Entrega una simple manera de conectar los elementos de tu interfaz de datos a tu modelo. Tu puedes construir elementos complejos en tu UI y fácilmente usando "binding contexts" anidados arbitrariamente.
Extensible: Implementar comportamientos personalizados como nuevos bindings declarativos para fácil reuso en solo pocas lineas de código.
Beneficios adicionales:
Libreria Javascript pura: Trabaja con cualquier servidor o tecnología al lado del cliente.
Puede ser agregada a tu aplicacion web ya existente sin requerir mayores cambios de arquitectura.
Compacta: pesa alrededor de 13kb.
Trabaja sobre cualquier navegador convencional: (IE 6+, Firefox 2+, Chrome, Safari, otros).
¿Donde comenzar?
La forma más rápida de aprender es pasar por la pagina oficial de knockout. Una vez dentro ustedes van a la sección Live examples.
Espero ir pronto con algunos ejemplo prácticos...!!!
Suscribirse a:
Entradas (Atom)