1. Cursos
  2. Tecnología
  3. Desarrollo Web
  4. Aprende a aplicar jQuery con ejemplos

Aprende a aplicar jQuery con ejemplos

En este videocurso aplicarás tus conocimientos de jQuery haciendo ejemplos prácticos: una galería de fotos, un juego de memoria, entre otros ejemplos de JQuery.

Aprende a aplicar jQuery con ejemplos
Comparte este curso

Descripción del curso

Videocurso online donde aprenderás a aplicar todos conocimientos de jQuery y JavaScript en ejemplos como la creación de una galería de fotos, un juego de memoria con diferentes cartas, un juego de arrastrar las imágenes a los espacios correctos, así como una introducción a una página de internet, haciendo dos cortinillas y sincronizando los efectos.

Contenido del curso

CREAR UN JUEGO DE MEMORIA CON JQUERY

52:35
  • CREAR LOS ELEMENTOS GRÁFICOS DEL JUEGO DE MEMORIA CON JQUERY10:03
  • GENERAR NÚMEROS ALEATORIOS Y ASIGNARLOS A LAS CARTAS12:34
  • DETECTAR LOS EVENTOS Y MOSTRAR LAS CARTAS SELECCIONADAS06:16
  • COMPARAR Y ELIMINAR CARTAS DE MEMORIA09:51
  • CREAR UN CRONÓMETRO PARA EL JUEGO CON JAVASCRIPT08:19
  • CREAR EL SCORE Y DETERMINAR EL FIN DEL JUEGO05:32

CREA UN JUEGO CON EL DRAG AND DROP CON JQUERY Y JQUERY UI

54:02
  • CREAR LAS ETIQUETAS HTML PARA EL JUEGO DRAG AND DROP CON JQUERY09:56
  • CREAR LAS REGLAS DE ESTILO A LOS ELEMENTOS HTML06:09
  • ALIMENTAR ARREGLOS Y VARIABLES PARA EL JUEGO CON JQUERY07:17
  • CARGAR LAS IMÁGENES EN FORMA ALEATORIA06:32
  • GENERA LOS CUADRITOS DE DESCARGA EN FORMA ALEATORIA06:40
  • EL MANEJO DE LOS EVENTOS DENTRO DEL JUEGO CON JQUERY09:59
  • VERIFICAR LAS RESPUESTAS DEL USUARIO Y VOLVER A JUGAR07:29

HACER UNA INTRODUCCIÓN A LA PÁGINA

22:58
  • SEPARAR LOS ELEMENTOS DE LA PÁGINA PRINCIPAL07:33
  • INICIAR LA ANIMACIÓN06:10
  • CONCLUIR LA ANIMACIÓN E INICIAR LA PÁGINA09:15

HACER UNA GALERIA DE FOTOS CON JQUERY

59:02
  • CREACIÓN DE LAS ETIQUETAS CON JQUERY08:59
  • CREACIÓN DE LOS ESTILOS EN CASCADA PARA LA GALERÍA07:18
  • CREACIÓN DE UN CARRUSEL DE IMÁGENES CON JAVASCRIPT09:57
  • PROGRAMACIÓN DE LOS BOTONES DE LAS FOTOS08:33
  • PROGRAMACIÓN DE LAS FLECHAS ADELANTE Y ATRÁS11:10
  • AGREGAR TEXTO A CADA UNA DE LAS FOTOS10:42
  • FINALIZAR LA GALERÍA02:23

Crear un mosaico de fotos con efecto "flip"

39:40
  • Revisar el trabajo final07:50
  • Generar las etiquetas HTML y los estilos en cascada08:13
  • Cargar las imágenes en forma aleatoria con jQuery08:20
  • Utilizar la librería flip para que las fotos giren09:33
  • Repetir el efecto en loop seleccionando en forma aleatoria la foto05:44

Crear una galería de fotos con efecto "flip"

39:37
  • Revisión del trabajo final de la galería con efecto "flip"02:24
  • Escribir las etiquetas HTML y los estilos en cascada06:07
  • Escribir el código en jQuery y en JavaScript08:12
  • Agregar botones a la galería07:01
  • Programar los principales botones de la galería07:12
  • Programar el botón de play/stop para finalizar la galería08:41

Crear un carrusel de fotos en 3D

49:38
  • Revisar el carrusel 3D terminado06:10
  • Escribir las etiquetas estructurales y los estilos en cascada para el carrusel10:23
  • Cargar los datos en formato HTML a la página06:59
  • Desplegar las imágenes al carrusel08:21
  • Crear el carrusel con la librería "roundabout"05:46
  • Desplegar el texto para cada imagen11:59

Crear un sencillo juego de arrastrar palabras

54:54
  • Revisar el juego terminado de arrastrar palabras con jQuery03:34
  • Crear la estructura del juego con etiquetas HTML04:55
  • Escribir los estilos en cascada para el juego04:54
  • Escribir los datos en arreglos09:47
  • Desplegar los títulos de las secciones en forma aleatoria07:04
  • Mostrar las palabras en las secciones, en forma aleatoria07:16
  • Arrastrar las palabras y acomodarlas en su sección08:26
  • Revisar los resultados del juego08:58

Hacer un dropmenu con jQuery

38:39
  • Revisar el dropmenu terminado02:21
  • Crear la estructura del menú con etiquetas HTML09:46
  • Crear los primeros estilos en cascada del dropmenu09:11
  • Trabajar la primera capa del dropmenu con estilos en cascadas08:31
  • Trabajar la segunda capa del dropmenu con los estilos en cascada07:01
  • Los toques finales al dropmenu01:49

Hacer tooltips dinámicos con jQuery

24:45
  • Revisar el trabajo final de los tooltips dinámicos con jQuery02:33
  • Crear los estilos en cascada para la caja del tooltip08:07
  • Aparecer y desaparecer la caja de tooltip con los eventos del ratón07:46
  • Hacer que la caja del tooltip siga al apuntador del ratón06:19

Crear efectos rollover sobre las imágenes con jQuery

40:17
  • Revisar los efectos de rollover terminados01:51
  • Escribir las etiquetas estructurales HTML para los efectos rollover07:29
  • Escribir los estilos en cascada para los efectos rollover10:50
  • Escribir los jQuery para el primer efecto rollover10:11
  • Escribir los jQuery para el segundo efecto rollover09:56

Valoraciones

4.5/5
6 Valoraciones
  • 5 ESTRELLAS
    50%
  • 4 ESTRELLAS
    50%
  • 3 ESTRELLAS
    0%
  • 2 ESTRELLAS
    0%
  • 1 ESTRELLAS
    0%
  • Jara Alvira
    Jara
      Alvira
    Incluir valoración media (en números)

  • José Manuel Castellano Domínguez
    José Manuel
      Castellano Domínguez
    Incluir valoración media (en números)

  • Javier Soriano
    Javier
      Soriano
    Incluir valoración media (en números)

  • Gustavo Marchena
    Gustavo
      Marchena
    Incluir valoración media (en números)

    Creo que el curso es muy explicativo ya que no te deja con dudas, pero creo que si es indispensable conocer a un buen punto el jquery por que de lo contrario no se entendera muy bien.

  • Gustavo Ercoli
    Gustavo
      Ercoli
    Incluir valoración media (en números)

  • Aurelio Jiménez Mancilla
    Aurelio
      Jiménez Mancilla
    Incluir valoración media (en números)

¿Por qué pagar por un curso cuando puedes tenerlos todos?

Prueba la Suscripción ahora
O quiero saber más
Apúntate POR 10€
GRATIS con la Suscripción