dominios y alojamiento web en hostalia

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.

Listado de los capítulos
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. Entrar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Descargas
 Si eres usuario de DesarrolloWeb:
Archivo de descarga Taller de jQuery listo para imprimir
Taller de jQuery de DesarrolloWeb.com, completo y listo para imprimir, en PDF. Descarga compilada con los artículos publicados hasta el día 05/10/10.
Tamaño: 343183

Comentarios
Envie un comentario u opinión sobre este manual.

Compartir

Comentarios
Fueron enviados 9 comentarios al manual
9 comentarios revisados:

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

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

flibert...
PDF
17/9/2010
Me gustaría mucho que estuviese disponible en PDF
Publicado el taller de jQuery en PDF
06/10/2010
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_sal...
con matrices?
18/10/2010
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;
Coda Slider 2.0
27/12/2010
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
ayuda
09/2/2011
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
Buenos días!
Por: Cecilia
10/2/2011
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!!
Problemas con jQuery
30/5/2011
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...!!!

En este manual
Descargar manual 1

Categorías relacionadas:

Manuales relacionados
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...