La librería JavaScript más utilizada en el mundo en jQuery, porque nos da una sorprendente potencia para programar páginas dinámicas compatibles con todos los navegadores,!hasta con Internet Explorer!
En este curso revisaremos desde la instalación de la librería, su conexión a las páginas html, su sintaxis básica, los selectores, los eventos para manejar el ratón, el teclado y eventos del sistema.
También analizaremos los efectos como slide, animate, fadein entre muchos otros. entre muchas otras funcionalidades, como cambiar una clase o una propiedad CSS, añadir o borrar elementos HTML y modificar las dimensiones de un evento.
Bienvenido al curso de jQuery |
|
Bienvenido al curso |
17:32 min
|
01 Descarga e instalación de jQuery |
|
Primeros pasos con jQuery |
3:38 min
|
Hola, mundo |
9:09 min
|
¿Dónde escribir el código? |
9:49 min
|
jQuery y Dreamweaver |
8:07 min
|
02 Selectores |
|
Crear clases CSS en tiempo de ejecución |
11:55 min
|
Seleccionar una etiqueta y el selector "this" |
6:29 min
|
Seleccionar un objeto por medio de un atributo |
8:28 min
|
El método ready |
3:29 min
|
El selector universal, asterisco (*) |
4:14 min
|
Seleccionar una etiqueta con una clase CSS |
5:29 min
|
Seleccionar el primer elemento con first |
2:32 min
|
Seleccionar entre elementos pares y nones |
5:49 min
|
03 Eventos |
|
Los eventos click y dblclick |
5:37 min
|
Los eventos mouseenter y mouseleave |
2:40 min
|
Los eventos mousedown y mouseup |
1:33 min
|
El evento hover |
5:18 min
|
Los eventos focus y blur |
8:10 min
|
Los eventos keydown y keyup |
4:13 min
|
04 Efectos con jQuery |
|
Ocultar y mostrar con show y hide |
4:10 min
|
Ocultar y mostrar con toggle |
3:44 min
|
Desvanecido con fadeIn, fadeOut |
8:26 min
|
Efecto slideUp y slideDown |
6:59 min
|
Efecto animate |
6:44 min
|
Efecto animate con varias propiedades |
9:22 min
|
Efecto animate valores relativos |
3:04 min
|
Efecto animate en una pila o queue |
7:25 min
|
Detener una animación con stop |
5:35 min
|
Funciones de callback en animaciones |
9:46 min
|
Encadenamiento de métodos y animaciones |
5:23 min
|
05 jQuery y HTML |
|
Leer y escribir texto con text() |
6:58 min
|
Leer y escribir código HTML |
6:54 min
|
Modificar los atributos con el método attr() |
7:48 min
|
Leer el valor de un campo de texto con val() |
4:48 min
|
Escribir en una caja de texto con val() |
5:33 min
|
Leer los resultados de un combo por medio del método val() |
10:09 min
|
06 Añadir y remover elementos en una página web |
|
Añadir texto por medio del método append() |
6:22 min
|
Añadir texto al inicio de un objeto con prepend() |
4:04 min
|
Añadir elementos con after() y before() |
11:42 min
|
Eliminar elementos con remove() y empty() |
11:02 min
|
Manipular los estilos en cascada con addClass() |
7:34 min
|
Remover los estilos de un elemento con removeClass() |
6:24 min
|
07 Modificar las dimensiones con jQuery |
|
Introdcucción al manejo de dimensiones con jQuery |
3:26 min
|
Los métodos para manejar las dimensiones del modelo de caja |
4:05 min
|
Modificar las dimensiones por medio de width y height |
6:11 min
|
08 jQuery y AJAX |
|
jQuery y AJAX |
4:40 min
|
Cargar archivos de texto con load() |
8:56 min
|
La función de callback en la carga de texto con load() |
6:16 min
|
El comando GET en jQuery |
6:40 min
|
El método POST para enviar parámetros desde jQuery |
10:45 min
|
El método ajax() |
8:53 min
|
09 jQuery UI (User Interface) |
|
Los archivos de jQuery UI |
8:45 min
|
La conexión de jQuery UI con nuestra página |
5:18 min
|
La iteración Draggable |
5:54 min
|
La iteración Droppable |
6:29 min
|
La iteración Resizable |
4:03 min
|
La iteración selectable |
8:05 min
|
La iteración sortable |
2:43 min
|
10 Widgets con jQuery |
|
El acordeón |
7:37 min
|
El widget autocomplete() |
5:34 min
|
Crear botones desde jQuery |
5:50 min
|
Colocar iconos en los botones |
3:04 min
|
Manejo de las cajas de verificación con buttonset() |
5:18 min
|
Manejo de los botones de radio con jQuery UI |
4:35 min
|
Manejo de fechas con datepicker() |
5:19 min
|
Otros parámetros para el datepicker() |
7:21 min
|
El widget dialog() |
6:50 min
|
Otros parámetros para el widget dialog() |
9:51 min
|
El widget Menu |
11:11 min
|
El widget progressbar() |
13:31 min
|
Los deslizadores con el método slider() |
7:29 min
|
El widget spinner() |
3:46 min
|
Manejar tabuladores con el widget tabs() |
8:02 min
|
Los tooltips |
5:09 min
|
Cambio de los temas en jQuery UI |
9:25 min
|
11 Crear una galería con jQuery |
|
Creación de las etiquetas HTML para la galería |
8:59 min
|
Creación de los estilos en cascada para la galería |
7:18 min
|
Creación del carrusel de imágenes con javaScript |
9:58 min
|
Programación de los botones de las fotos |
21:15 min
|
Programación de las flechas adelante y atras |
11:10 min
|
Agregar textos y últimos toques a la galería |
10:42 min
|
Conclusión de la galería |
2:24 min
|
12 Conclusión |
|
A manera de conclusión |
3:33 min
|