Ver por etiquetas
Todas las etiquetas »
Tutorial (
RSS)
Hola, vamos a seguir con SignalR, y digo seguir ya que este sería el segundo artículo, el primero lo puedes ver acá http://geeks.ms/blogs/gperez/archive/2013/02/15/tutorial-comenzando-con-signalr-y-razor-view.aspx Buscando un ejemplo un poco más entretenido que enviar mensajes pensé que hacer una pizarra compartida, utilizando canvas y la posibilidades de signalR era lo adecuado. La idea, como aparece en la siguiente figura, es crear una pizarra en donde distintos clientes puedan dibujar al mismo...
Hola!, continuamos con la serie de tutoriales, este en realidad es una anexo del tutorial anterior, en donde conectabamos el ViewModel con el Modelo con ASP.NET Web API, la cual provee una gran facilidad para manejar las peticiones a las acciones con parámetros con notación JSON. Pero, ¿qué pasa con WebMatrix y Razor? como se hace para recibir JSON? Se puede trabajar con Clases?, este post intenta responder estas preguntas. PD: Si quieres revisar los otros post de esta...
Hola, seguimos con nuestro proceso de aprendizaje sobre Knockout.js , esta vez veremos la posibilidad de condicionar ciertas propiedades del DOM según el valor del atributo del ViewModel y finalmente, enviaremos nuestro viewmodel serializado en json a un servicio REST de ASP.NET WEB API. Te dejo el link de los tutoriales anteriores: Parte 1 http://geeks.ms/blogs/gperez/archive/2012/08/13/tutorial-comenzado-con-mvvm-y-knockout-js.aspx Parte 2 http://geeks.ms/blogs/gperez/archive/2012/08/22...
Hola, hoy veremos un tutorial de como implementar un pequeño sistema en donde vamos a utilizar Drag & Drop con jQueryUI. El escenario es el siguiente, tenemos por un lado la columna de Salas y por otro lado la columna de Pacientes. Los requerimientos son: Las salas deben obtenerse desde la base de datos Los pacientes deben obtenerse desde la base de datos Se debe permitir arrastrar un paciente a una sala y registrar su posicion Se debe permitir el movimiento de pacientes entre salas Se debe permitir...
Una de las demos que hice en el webcast de “Desarrollando Aplicaciones Web para Windows Phone 7 con ASP.NET WebMatrix” en donde vimos temas de jQueryMobile Metro Theme, fue crear una lista de Productos con el Look&Feel de WP7, desarrollada sobre HTML5. Si quieres ver el material, Slides y Video del webcast, puedes visitar el siguiente Link: http://geeks.ms/blogs/gperez/archive/2012/05/16/material-charla-desarrollo-de-web-apps-para-wp7-con-webmatrix.aspx PD: el video no está editado, así que hay...
Hola, acabo de ver un excelente plugin llamado turn.js , que nos permite crear el clásico movimiento de transición de “dar vuelta la hoja” que vimos tantas veces con Flash en algunas publicaciones Online. La URL del website de esta maravilla es http://www.turnjs.com/ y quería compartir un pequeño tutorial de como usarlo, nos podemos entusiasmar con crear una revista Dentro de las características con la que cuenta este plugin tenemos: Usar Aceleración por Hardware Funciona en Tablets y smartphones...
Hola que tal?, hace tiempo que quería hacerme un tiempo para poder crear los mismos controles Gauge para Silverlight pero con jQuery . El control original lo puedes encontrar en el siguiente enlace http://geeks.ms/blogs/gperez/archive/2009/07/13/gauge-mi-control-gauge-silverlight-versi-243-n-beta1-liberada-para-siempre-gratis.aspx Los Skin que utilice (entre otros, hay unos muy buenos, cooperación de Héctor Pérez) son los siguientes: Entonces, varias personas me comentaron que utilizaron el Control...
Ahora que Microsoft JQuery Templates ya es un plugin oficial de JQuery, voy a mostrar un ejemplo sencillo, sobre como ocuparlo. Este Plugin entrega una facilidad increíble que va a estar incluido en JQuery 1.5. Mira este artículo para estar más informado: http://stephenwalther.com/blog/archive/2010/10/04/microsoft-templates-included-in-jquery-1-5.aspx Entonces , veamos el ejemplo, la idea es generar asíncronamente las siguiente tablas: Para esto vamos a ir por parte, primero La creación...
Navegando, buscando información me topé con el Excelente Blog de Fernando Yanes , Desarrollador que ha creado un Tutorial de 10 Videos en Español, de muy buena calidad y claridad en sus contenidos, sin duda, un tremendo aporte. ME comuniqué con Fernando para pedir autorización para hacer referencia a sus Tutoriales desde mi página, y accedió de inmediato, muy buena onda!. Sin más preámbulos, a ver los videos! a aprender JQuery !!! PD: En cada post de Fernando verás que existe la posibilidad de descargar...
Hola!, ha pasado un tiempo sin postear, lamentablemente he estado súper corto de tiempo, pero sin embargo quiero compartir algo con ustedes. Hace un tiempo un buen amigo mío me comentó la inquietud de hacer algo con google maps, para distintos dispositivos, lo que me pareció bastante interesante. El tema es que me desperté con ese bicho de programar y leer documentación así que , antes que te aburras leyendo esto, te muestro el ejemplo final en un video para que te entusiasmes. Como vez, vamos a...
Hola que tal? Hoy voy ha escribir una especie de tutorial para mostrar como integrar (no es la única forma) el excelente Plugin para jQuery Facebook List, puedes ver el demo de como funciona acá: http://devthought.com/wp-content/articles/autocompletelist/test.html También puedes ver un comportamiento similar en Hotmail, cuando elijes a los destinatarios de tu correo FaceBook List Este PlugIn, obtiene los datos desde una fuente que le retorne un objeto en notación JSON con los campos: caption...
Ya no es noticia que el team de ASP.NET esté trabajando a toda máquina junto al equipo de jQuery , y que buenos productos se vienen a partir de esta sociedad. Uno de estos son los templates propuestos por el team de ASP.NET al team jQuery, que estan todavía en etapa de revisión, hay mucho feedback que se está recibiendo por parte de la comunidad. Que son los Client Templates (o plantillas del lado del cliente) Permiten a los desarrolladores web generar y renderizar HTML UI en el cliente (generalmente...
Hola!, yo de nuevo :), hoy quería hablar de un control de la libería de ajax de ASP.NET que se llama ScriptLoader, el cual en breves palabras nos va a servir para reducir la complejidad a la hora de cargar script y resolver sus dependencias. De hecho la librería Microsoft Ajax Client-Side está dividida en múltiples archivos Javascript, permintiéndonos el ScriptLoader descargar solo los que necesitemos. Dentro de sus características principales podemos...
Hace unos días vi una página de compra y venta de productos que lograba un efecto muy cool sobre las imágenes, ,al pasar el mouse por encima de la imagen, se hace un zoom a lo que va debajo del mouse. Bastante útil para mostrar el detalle de algún producto que necesitemos. Es como el ejemplo de la foto, en donde vemos el detalle de la moto que me compre (jajajja, nah) . Cuento corto, esto es un efecto que se logra con un plugin de jQuery que se llama jQZoom, es bastante bueno y sencillo de utilizar...
Introducción Hola que tal, siguiendo los artículos inspirados en el trabajo del Mega Maestro Stephen Walther, vamos a revisar la inserción y muestra de datos mediante oData. oData fue desarrollado por Microsoft para ser un estándar abierto para la comunicación de datos a través de Internet. Este estándar es compatible con JSON y REST, protocolos fácilmente abordables con AJAX.OData es lo que antes conocimos como Astoria, y luego ADO.NET Data...
Hola!, había dejado los tutoriales, por un tema de tiempo, de hecho , ahora tampoco tengo, pero el blog tiene gran importancia para mi, así que nos vamos con este tutorial paso a paso, Inspirado por el trabajo de mi Mega Maestro Stephen Walther .Hoy nos convoca el crear una pequeña aplicación que maneje datos mediante jQuery y WCF, el esquema es simple y es el siguiente. Vamos a tener un formulario HTML y guardado con HTA, de manera de que parezca una aplicación...
El control PasswordStregth nos permite atachar a un textbox la funcionalidad de indicarle al usuario el grado de “fortaleza” de la password que está ingresando, bueno, ya saben, para indicarle que la contraseña “asdasd” o “123” no es la mejor elección (aunque sean de las más repetidas). El mensaje al usuario puede ser en forma de texto o una barra de progreso, la posición también se la podemos indicar declarativamente, esta mensaje aparece mientras el usuario va escribiendo su password y desaparece...
Hola, ya que algunos me han preguntado “tienes algún tip de optimización” voy a publicar un pequeño resumen de algunos de los post más relevantes sobre este tema que he realizado. Obviamente todavía estoy en deuda y es en esta época del año en donde puedo escribir más post, así que próximamente … más tips de optimización! Dejo entonces algunos links de este humilde blog: Optimizando tu Web con CSS...
Siguiendo el tema de los tutoriales de AJAX Control Toolkit, vamos a revisar el ValidadorCallOut Extender, de manera de mejorar el Look& Field de los mensajes de error como los que nos entregan los controles XFieldValidator. Entonces vamos a utilizar el mismo ejemplo del articulo sobre AutoComplete Extender (que? que no lo viste? bueno, acá esta: http://geeks.ms/blogs/gperez/archive/2009/12/31/tutorial-autocomplete-extender-autocompletando-desde-la-base-de-datos.aspx Ahora vamos a agregar...
Si bien muchas veces hablamos de lo último que viene saliendo, también hay que darse un tiempo de hablar sobre lo que está y se utiliza poco, he visto a varios desarrolladores ASP.NET que no aprovechan este herramienta del Ajax Control Toolkit, de hecho fue por esto que me propuse la tarea de hacer un ScreenCast y un artículo que cada uno de los controles del Ajax Control Toolkit. Pero basta de hablar de mi, hablemos del Control AutoComplete. Recuerda siempre que puedes ver los demos, y bajar la...