Descarga e instalación de jQuery
- Bienvenido al curso
- Primeros pasos con jQuery
- Hola, mundo
- ¿Dónde escribir el código?
- Introducción a jQuery
Selectores
- Crear clases CSS en tiempo de ejecución
- Seleccionar una etiqueta y el selector "this"
- Seleccionar un objeto por medio de un atributo
- El método ready
- El selector universal, asterisco (*)
- Seleccionar una etiqueta con una clase CSS
- Seleccionar el primer elemento con first
- Seleccionar entre elementos pares y nones
- Selectores en jQuery
Eventos
- Los eventos click y dblclick
- Los eventos mouseenter y mouseleave
- Los eventos mousedown y mouseup
- El evento hover
- Los eventos focus y blur
- Los eventos keydown y keyup
- Eventos en jQuery
Efectos con jQuery
- Ocultar y mostrar con show y hide
- Ocultar y mostrar con toggle
- Desvanecido con fadeIn, fadeOut
- Efecto slideUp y slideDown
- Efecto animate
- Efecto animate con varias propiedades
- Efecto animate valores relativos
- Efecto animate en una pila o queue
- Detener una animación con stop
- Funciones de callback en animaciones
- Encadenamiento de métodos y animaciones
- jQuery básico: efectos
jQuery y HTML
- Leer y escribir texto con text()
- Leer y escribir código HTML
- Modificar los atributos con el método attr()
- Leer el valor de un campo de texto con val()
- Escribir en una caja de texto con val()
- Leer los resultados de un combo por medio del método val()
- jQuery básico: manejo del HTML
jQuery: DOM, Añadir y remover elementos en una página web
- Añadir texto por medio del método append()
- Añadir texto al inicio de un objeto con prepend()
- Añadir elementos con after() y before()
- Eliminar elementos con remove() y empty()
- Manipular los estilos en cascada con addClass()
- Remover los estilos de un elemento con removeClass()
- jQuery básico: DOM manipulación de nodos
Modificar las dimensiones con jQuery
- Introducción al manejo de dimensiones con jQuery
- Los métodos para manejar las dimensiones del modelo de caja
- Modificar las dimensiones por medio de width y height
- jQuery básico: Modificar las dimensiones
jQuery y AJAX
- jQuery y AJAX
- Cargar archivos de texto con load()
- La función de callback en la carga de texto con load()
- El comando GET en jQuery
- El método POST para enviar parámetros desde jQuery
- El método ajax()
- jQuery básico: Ajax
Crear una galeria con jQuery
- Creación de las etiquetas HTML para la galería
- Creación de los estilos en cascada para la galería
- Creación del carrusel de imágenes con javaScript
- Programación de los botones de las fotos
- Programación de las flechas adelante y atras
- Agregar textos y últimos toques a la galería
- Conclusión de la galería
Hacer una introducción con jQuery
- Separar los elementos de la página principal
- Iniciar la animación
- Concluir la animación e iniciar la página
Crear un juego de memoria con jQuery
- Crear los elementos gráficos del juego de memoria con jQuery
- Generar números aleatorios y asignarlos a las cartas
- Detectar los eventos y mostrar las cartas seleccionadas
- Comparar y eliminar cartas de memoria
- Crear un cronómetro para el juego con JavaScript
- Crear el score y determinar el fin del juego
Crea un juego con el Drag and Drop con jQuery y jQuery UI
- Crear las etiquetas HTML para el juego Drag and Drop con jQuery
- Crear las reglas de estilo a los elementos HTML
- Alimentar arreglos y variables para el juego con jQuery
- Cargar las imágenes en forma aleatoria
- Genera los cuadritos de descarga en forma aleatoria
- El manejo de los eventos dentro del juego con jQuery
- Verificar las respuestas del usuario y volver a jugar
Crear un mosaico de fotos con efecto "flip"
- Revisar el trabajo final
- Generar las etiquetas HTML y los estilos en cascada
- Cargar las imágenes en forma aleatoria con jQuery
- Utilizar la librería flip para que las fotos giren
- Repetir el efecto en loop seleccionando en forma aleatoria la foto
jQuery: Crear una galería con efecto "flip"
