Taller de jQuery

Ejercicios prácticos para aprender jQuery y la programación aplicaciones web enriquecidas del lado del cliente. Básicamente se trata de una serie de plugins de jQuery explicados que nos sirven de repaso y como biblioteca de scripts.

Si te parece útil este manual ayúdanos compartiendo!! :)

1.- Introducción al taller de jQuery

Notas a los lectores sobre el Taller de jQuery que publicamos en DesarrolloWeb.com, para aprender jQuery practicando con la realización de diversos plugins.

2.- Intercambiar la hoja de estilos CSS con jQuery

Cómo hacer un script jQuery para cambiar la hoja de estilo que está asociada a una página, de modo que el navegador pase a utilizar otro archivo CSS para aplicar los estilos a la página.

3.- Carga combinada de jQuery: por CDN o en caso de fallo, por local

Cómo cargar jQuery por CDN y en caso de no ser viable por cualquier motivo, recurrir a una copia en el servidor del framework, también llamado técnica fallback.

4.- Vídeo: Caja de diálogo dinámica con Photoshop, CSS y jQuery

Videotutorial en el que creamos una interfaz de usuario dinámica, desde el diseño con Photoshop, su maquetación CSS y los dinamismos con Javascript y jQuery.

5.- Plugin LightBox en jQuery

Cómo utilizar un plugin jQuery para mostrar imágenes en una capa que se superpone al contenido de la página, lo que se conoce como ModalBox o LightBox.

6.- 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.

7.- Plugin jQuery para hacer un Tip simple

Ejemplo de pluging en jQuery que nos permitirá implementar una funcionalidad de tip sobre elementos de la página.

8.- Plugin Tip con opciones en jQuery

Un ejemplo de plugin en jQuery para hacer un sistema de tip más avanzado, que permite configurarse por medio de unas opciones en el plugin.

9.- Plugin jQuery Fortaleza de una clave

Creamos un plugin con jQuery para mostrar la fortaleza de una clave escrita en un campo input de formulario.

10.- Plugin jQuery para añadir campos en un formulario

Creamos un plugin con jQuery que sirve para añadir campos en un formulario HTML bajo solicitud del cliente.

11.- Plugin checkbox personalizado con jQuery

Un plugin en jQuery para hacer un campo de formulario checkbox pero con un diseño distinto, totalmente personalizable por el desarrollador.

12.- Primeros pasos con jQuery UI

Guía para comenzar jQuery UI, una librería de componentes listos para usar en páginas dinámicas del cliente, creada a partir del framework Javascript jQuery.

13.- Campos SELECT dinámicos con jQuery, Ajax, PHP y MySQL

Un script para generar dos campos de formulario SELECT dinámicos y combinados, con programación cliente Javascript y Ajax con jQuery y programación servidor por medio de PHP y MySQL.

14.- Menú desplegable en jQuery

Creamos un plugin jQuery para implementar una barra de navegación con un menú desplegable en varios submenús.

15.- Mejorar el plugin navegador desplegable en jQuery con efectos especiales

Implementamos efectos en el navegador desplegable jQuery, aplicando conocimientos de colas de efectos, para hacer un plugin de navegación más vistoso.

16.- Plugin para seleccionar y deseleccionar varios checkbox con jQuery

Desarrollo de un plugin en jQuery para hacer un enlace con el que seleccionar y deseleccionar toda una lista de checkbox de una vez.

17.- Plugin para hacer efectos jQuery con Easing

Easing jQuery Plugin es un complemento que te facilitará hacer efectos en jQuery con múltiples variantes.

18.- Plugin jQuery Timer

Timer es un plugin realizado en jQuery que permite automatizar tareas, para que sean realizadas periódicamente, en intervalos de tiempo configurables.

19.- Plugin jQuery ticker de noticias dinámico

Descripción y uso de un plugin para crear un ticker de noticias dinámico en jQuery, que muestra varias noticias en un espacio reducido, por medio de un scroll suavizado.

20.- Introducción a Kendo UI

Kendo UI es una librería Javascript para el desarrollo de aplicaciones web enriquecidas del lado del cliente, con diversas interfaces de usuario dinámicas basadas en jQuery.

21.- Slides conferencia jQuery

Slides de la conferencia de jQuery de Mejorando la Web, día 19 de noviembre de 2011, por Miguel Angel Alvarez.

22.- Diapositivas de la conferencia Diseño web con jQuery

Slides o diapositivas de la exposición Diseño Web con jQuery, impartida en México para Mejorando,la/conferencia.

23.- Sliders Responsive jQuery

Ejemplos e implementación de sliders jQuery Responsive, que se adaptan a las dimensiones de la ventana del navegador y a todos los dispositivos.

24.- Plugins para creación de Tooltips jQuery

Artículo práctico en el que veremos algunos plugins jQuery para creación de tips, tooltips o globos informativos contextuales.

25.- Upload de archivos por Ajax con jQuery

Script Javascript para realizar un upload de archivos al servidor por Ajax, usando el objeto nativo FormData y con la ayuda de jQuery.

Descargas

Este manual puedes descargarlo en formato amigable para impresión y lectura en dispositivos a través de la App de DesarrolloWeb.com.

Compartir

Comentarios

luis_guillermo_trejo_lopez

04/7/2010
Taller de jQuery
Seria bueno que estuvieran los pdf's como antes

eremege

16/8/2010
exelente
muy bueno, ideal para empezar a desarrollar, comprensible y práctico

fliberty

17/9/2010
PDF
Me gustaría mucho que estuviese disponible en PDF

midesweb

06/10/2010
Publicado el taller de jQuery en PDF
Acabamos de publicar la descarga de este Taller de jQuery, con 45 páginas llenas de scripts jQuery para las cosas más diversas!
Esperamos que os guste!

ita_salcedo

18/10/2010
con matrices?
que tal, el manuel bueno.

mi prblema es que tengo por ejemplo
for($i<=0;$i<=10-1;$i++)
...
como hago para que en cada una de estas filas aparezca por ejemplo el oculatr y mostrar;

elchiconube

27/12/2010
Coda Slider 2.0
Hola, me gustaría saber si es posible un videotutorial en el que se muestre la implementación de Coda Slider 2.0, no hay ninguno en la red y creo que tendría muy buena aceptación por los usuarios que tenemos pocos conocimientos JavaScript.
Muchas gracias

josefco

09/2/2011
ayuda
hola amigos, antes que nada os quiero decir que es una muy buena pagina he encontrado mucha informacion que me ha sido de gran ayuda pero tengo un problema y quisiera que meayudaran tengo mysql y php y quiero utilizar en autocompletar de jquery pero cuando lo hago no me muestra las letras ñ por ejemplo el nombre "juan muñoz" solo me muestra en este caso "mu" y apartir de la ñ no me muestra las letras que siguen que puedo hacer espero me puedan ayudar

Cecilia

10/2/2011
Buenos días!
Hola a todos!!! Yo estoy teniendo un problema con la validación de nombres con ñ estoy programando con jQuery, C#, en .NET y me pasa que al buscar por ejemplo Peña si Busco con la p o con pe o con peñ se muestran los resultados perfectamente, pero si pongo peña no muestra nada!! o_O a alguien le habrá pasado alguna vez? alguna posible solución? Muchas gracias desde ya! Saludos!!

yasmaq_2010

30/5/2011
Problemas con jQuery
Hola...me gustaria que alguien me ayudara con un problema que tengo con el Framework JavaScript jQuery.....

Resulta que estoy creando un tablon de anuncios con este framework, y estoy actualizando los anuncios con la funcion $.ajax()...Los anuncios los estoy cargando desde una base de datos y los estoy colocando en un div en la pagina, mediante la funcion $.html(), que los muestra bien...Ahora el problema ocurre a la hora de recuperar esos datos desde la interface....Me explico...Yo quiero que cuando le pase el mouse por encima a uno de estos anuncios, este cambie de color mediante el metodo $.css, o que simplemente cuando haga click encima de alguno, obtener los datos que pertenecen a este anuncio.

Por favor si alguien puede ayudarme aqui esta mi correo...yasmaniq@informatica.unica.cu...envieme la respuesta lo antes posible....muchas gracias...!!!

oscarriki

03/12/2014
Añadir/Eliminar filas con campos php-mysql con jquery
Hola quisiera si es posible saber como añadir y eliminar filas que contengan campos de distintos tipos, cuadros de texto, combobox etc, a traves de jquery y como enviarlosa traves de php hacia mysql, gracias