martes, 20 de abril de 2010

Manual JQuery


El manual de jQuery pretende explicar el popular framework Javascript jQuery, con el que podremos hacer aplicaciones web avanzadas del lado del cliente.


Listado de los capítulos
1.- Introducción a jQuery
Qué es jQuery, para qué sirve y qué ventajas tiene el utilizar este framework Javascript. Entrar2.- Demo muy simple de uso de jQuery
Vamos a hacer nuestro primer script en jQuery, con unas funcionalidades muy simples, para que sirva de demo de uso de este framework. Entrar
3.- Pasos para utilizar jQuery en tu página web
Una descripción de la puesta en marcha de tu primer script jQuery, en tu propia página web, paso a paso. Entrar
4.- Vídeo: comenzar a programar con jQuery
Videotutorial para mostrar el funcionamiento de jQuery y cómo se puede hacer un primer ejemplo con este framework Javascript.Entrar
5.- Básicos jQuery: añadir y quitar clases CSS sobre elementos
Otro ejemplo básico con jQuery, para mostrar cómo se pueden añadir y quitar clases CSS a elementos de la página, bajo respuesta de eventos de usuario. Entrar
6.- Mostrar y ocultar elementos de la página con jQuery
Con el método css() de jQuery podemos aplicar cualquier estilo css a elementos de la página. Veremos cómo aplicarlo para mostrar y ocultar elementos de la página. Entrar
7.- Efectos rápidos con jQuery
Algunos efectos dinámicos se pueden hacer con jQuery con rapidez impactante y extremadamente poco código Javascript. Entrar
8.- Callback de funciones jQuery
Con callback de jQuery podemos hacer una secuencia de llamadas a funciones o una pila de funciones que se ejecutarán una detrás de otra. Entrar
9.- Uso de Ajax muy sencillo con jQuery
Es muy fácil desarrollar Ajax en jQuery. En este artículo veremos el ejemplo más sencillo de Ajax con el framework Javascript jQuery.Entrar
10.- Ajax jQuery con mensaje de carga
Vemos más posibilidades de Ajax en jQuery, modificando un ejemplo anterior, para crear un mensaje de carga mientras que el usuario espera la respuesta Ajax del servidor. Entrar
11.- Videotutorial: Ajax en jQuery
Vídeo sobre cómo realizar un script Ajax utilizando el framework Javascript jQuery. En este videotutorial mostraremos el proceso paso a paso al alcance para cualquier programador. Entrar
12.- Core de jQuery
El core de jQuery lo forman las funciones más recurridas y que forman la base sobre la que se asienta el cualquier cosa en este framework Javascript. Entrar
13.- Función jQuery o función $()
Veremos con detalle la función más importante de jQuery y para ello comenzaremos viendo su uso más común: seleccionar elementos de la página y obtener un objeto jQuery con los elementos seleccionados. Entrar
14.- Otros usos de la función $()
La función jQuery(), o con su abreviación $(), tiene otros usos interesantes cuando le enviamos parámetros distintos a los vistos en el artículo anterior. Entrar
15.- Videtutorial función $ de jQuery
Vídeo tutorial sobre el framework Javascript jQuery. Explicaremos el Core de jQuery y la función dólar $(). Entrar
16.- Core/each: each del core de jQuery
Conozcamos con detalle el método each del core de jQuery, para ejecutar una función en cada uno de los elementos de un grupo.Entrar
17.- Método size() y propiedad length del core de jQuery
Dos formas de acceder al número de elementos que hay en un objeto jQuery, a través del método size() y la propiedad length.Entrar
18.- Método data() Core jQuery
El método data() del core de jQuery sirve para almacenar información en los elementos de la página, en pares nombre de variable y valor. Veremos también el método removeData() para eliminar datos almacenados. Entrar
19.- Consideraciones interesantes de data() y removeData()
Ahora veremos algunos puntos interesantes y nuevos ejemplos sobre el funcionamiento de los métodos data() y removeData() de jQuery. Entrar
20.- Selectores en jQuery
Los selectores sirven para seleccionar elementos de la página a partir de una cadena de texto que le pasamos a la función jQuery.Entrar
21.- Ejemplo para practicar con selectores en jQuery
Ejemplo de página que nos permitirá hacer prácticas con los selectores de jQuery. Entrar
22.- Videotutorial: Selectores en jQuery
Vídeo tutorial sobre los selectores en jQuery, con los distintos tipos de selectores y ejemplos para aprender a utilizarlos. Entrar
23.- Selectores de Jerarquía en jQuery
Selectores que sirven para seleccionar elementos atendiendo a la estructura o jerarquía de las etiquetas de la página. Entrar
24.- Acceder y modificar atributos HTML desde jQuery
En jQuery existe una función llamada attr() que sirve para recuperar y alterar atributos de los elementos de la página. Entrar
25.- Método attr() de jQuery, otros usos y removeAttr()
Un uso adicional del método attr() de jQuery, para modificar atributos con el valor devuelto de una función y borrar atributos de elementos de la página con removeAttr(). Entrar
26.- Funciones CSS de jQuery para conocer el tamaño y posición de elementos
Seguimos viendo funciones CSS del framework Javascript jQuery, en este caso las que sirven para conocer el tamaño y posición de los elementos en la página. Entrar
27.- Eventos en jQuery
Una introducción al trabajo con eventos en el framework Javascript jQuery. Entrar
28.- Manejadores de eventos en jQuery
Un listado con los distintos manejadores eventos que podemos definir en jQuery, ordenados por los tipos eventos de ratón, eventos de teclado o cualquiera de los dos. Entrar
29.- Introducción Objeto evento en jQuery
Explicaciones iniciales sobre el objeto evento en jQuery y mostramos cómo averiguar la posición del ratón al producirse un evento en la página. Entrar
30.- Eventos de ratón en jQuery mouseenter y mouseleave
Práctica con eventos de ratón en jQuery, en la que mostraremos el uso de mouseenter y mouseleave, junto con el objeto evento, para averiguar la posición del ratón. Entrar
31.- Eventos de teclado en jQuery
Cómo trabajar con eventos de teclado en jQuery y saber qué teclas han pulsado los usuarios, a través de la propiedad which del objeto evento. Entrar
32.- Plugins en jQuery
Veamos qué son los Plugins en jQuery y cómo podemos crearlos para expandir las posibilidades del framework. Entrar
33.- Reglas para el desarrollo de plugins en jQuery
Para construir plugins en jQuery tenemos que seguir una serie de normas. Además veremos un nuevo ejemplo práctico sobre el desarrollo de plugins en jQuery. Entrar
34.- Plugin jQuery: textarea con cuenta de caracteres
Segundo ejemplo de plugin práctico en jQuery para hacer textarea que lleva la cuenta de los caracteres escritos por el usuario. Entrar