Taller de jQuery
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.
Enviar un comentario al manual
luis_guillermo_trejo_lopez

eremege

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

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!
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;
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;
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
Muchas gracias
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!!
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...!!!
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