Category Archives: Javascript

Eventos en jQuery Mobile

jQuery Mobile ofrece varios eventos personalizados que se han implementado sobre los eventos nativos para asi aumentar las posibilidades de los UI en las plataformas móviles. Nótese que estos eventos emplean varios eventos de tipo touch, mouse o de ventana, dependiendo de la existencia del evento, asi que puedes hacer bind a eventos tanto en plataforma móviles como en entornos desktop. Puedes engancharte a estos […]

Anatomía de una página

[Fuente: web de jquery mobile] La estructura “Page” de jQuery Mobile se optimiza para soportar tanto páginas sencillas, o también para enlaces internos locales “pages” dentro de una página. El objetivo de seguir este modelo es permitir a los programadores crear webs utilizando las mejores prácticas – donde los enlaces normales funcionan sin ninguna configuración especial – ya […]

Mejora el jQuery con 25 trucos

[Fuente: http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx] Introduction jQuery is awesome. I’ve been using it for about a year now and although I was impressed to begin with I’m liking it more and more the longer I use it and the more I find out about it’s inner workings. I’m no jQuery expert. I don’t claim to be, so if there […]

JSON Introducción

JSON es el acrónimo de JavaScript Object Notation.JSON es un formato alternativo de envío y recepción de datos, es decir remplaza a XML o el envío de texto plano.Este formato de datos es más liviano que XML.Veremos que hace el código más sencillo ya que utiliza el código JavaScript como modelo de datos. Repaso de arrays literales y objetos literales en Javascript Tenemos que repasar un poco como […]

Dojo: Hola Mundo

[Fuente: http://dojotoolkit.org/documentation/tutorials/1.6/hello_dojo/] En este tuto cargaremos DOJO en una pagina HTML simple, poniendo algunas de las funciones básicas de DOJO a funcionar. Tocaremos la estructura modular de DOJO y discutiremos como cargar dependencias para tener un experiencia de usuario más rica. Dificultad: principiante Dojo Version: 1.6 Introducción Nuestro punto de comienzo es una pagina HTML simple. […]

Dojo: gráficas

The dojox.charting permite a los programadores crear gráfics funcionales, únicas y dinámicas desde varios conjuntos de datos. Además, dojox.charting proporciona varios themes y chart types que permite a los programadores mostrar sus datos de caulquier forman que gusten. En este tuto mostraremos como crear basic charts con variedad de datos, plots , ejes y themes. […]

Creando un menu animado con jQuery

[Fuente: http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/] Aqui hay una demo de lo que queremos montar Introducción  – Una explicación de easing Lo que hace que el menu que vamos a montar tenga una smooth animation es un cosa llamada “easing“. Según la definición del Adobe Flash developer center: “El término easing se refiere a aceleración/deceleración gradual durante una animación, […]

Creando una aplicación simple en jQuery Mobile

Cómo utilizar jQuery Mobile [Fuente: http://devgrow.com/mobile-web-dev-using-jquery-mobile/] jQuery Mobile es increiblemente fácil de utilizar, tan solo es necesario incluir las librerias js de jQuery Mobile en el header y añadir unos pocos atributos “data” en tu maquetación y ya tienes tu web con jQuery Mobile. Todo el tema de los estilos es manejado por jQuery y […]

jQuery Mobile: Modelo de navegación con Ajax

Una “page” en jQuery Mobile se compone de un elemento (generalmente un div) con un atributo data-role con el valor ‘page’, que generalmente contiene elementos div con roles de “header”, “content” y “footer”, cada una con su maquetación , formularios y widgets customizados de jQuery Mobile. El workflow básico en la carga de páginas es […]

jQuery Mobile: Poniendo Javascript a las páginas

Como jQuery Mobile utiliza un sistema de navegación controlado por Ajax, hay una serie de cosas que debes saber cuando manipulas el contenido del HTML con Javascript. 1.Scripts & styles en el head Cuando un usuario hace click en una web conducida por jQuery Mobile, el comportamiento por defecto del sistema de navegación es utilizar […]