Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso de controles y efectos Frontend!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso de controles y efectos Frontend

Video 2.- Arrastrar elemento y quitar fantasma de referencia

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla Iniciar sesión

Desbloquea todo el contenido y ahorra en planes Premium y MAX por tiempo limitado

1 Días
7 Hrs
51 Mins
4 Segs
Quiero mi descuento
  • Módulo 1 | 1 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      1.- Presentación del curso

  • Módulo 2 | 3 clases

    Controles con CSS

    expand_more
    • play_circle_outline

      Clase 1

      Hero Images

    • play_circle_outline

      Clase 2

      Sombras realistas

    • play_circle_outline

      Clase 3

      Viñetas personalizadas para listas

  • Módulo 3 | 5 clases

    Slider

    expand_more
    • play_circle_outline

      Clase 1

      1.- Marcado (HTML)

    • play_circle_outline

      Clase 2

      2.- Ancho infinito

    • play_circle_outline

      Clase 3

      3.- Movimiento automático

    • play_circle_outline

      Clase 4

      4.- Controles del slider e indicadores

    • play_circle_outline

      Clase 5

      5.- Mover por controles

  • Módulo 4 | 2 clases

    Navegación sticky

    expand_more
    • play_circle_outline

      Clase 1

      1.- Preparar página

    • play_circle_outline

      Clase 2

      2.- Efecto sticky

  • Módulo 5 | 5 clases

    Menú hamburguesa

    expand_more
    • play_circle_outline

      Clase 1

      1.- Marcado (HTML)

    • play_circle_outline

      Clase 2

      2.- Iconos animados con transformicons

    • play_circle_outline

      Clase 3

      3.- Abrir y cerrar menú

    • play_circle_outline

      Clase 4

      4.- Menú lateral

    • play_circle_outline

      Clase 5

      5.- Resolver bug overflow

  • Módulo 6 | 2 clases

    Video e imágenes

    expand_more
    • play_circle_outline

      Clase 1

      Previsualización de subida de imágenes

    • play_circle_outline

      Clase 2

      Reproducir video al llegar al viewport

  • Módulo 7 | 2 clases

    Navegación por tabs

    expand_more
    • play_circle_outline

      Clase 1

      1.- Estructura y diseño

    • play_circle_outline

      Clase 2

      2.- Mover tabs e indicador

  • Módulo 8 | 3 clases

    Autocompletado

    expand_more
    • play_circle_outline

      Clase 1

      1.- Marcado y peticiones AJAX

    • play_circle_outline

      Clase 2

      2.- Datalist para ofrecer opciones

    • play_circle_outline

      Clase 3

      3.- Autocompletado con peticiones optimizadas

  • Módulo 9 | 5 clases

    Ordenamiento con Drag&Drop

    expand_more
    • play_circle_outline

      Clase 1

      1.- Marcado, DragStart y DragEnd

    • play_arrow

      Clase 2

      2.- Arrastrar elemento y quitar fantasma de referencia

    • play_circle_outline

      Clase 3

      3.- Detectar si el mouse pasa sobre un elemento

    • play_circle_outline

      Clase 4

      4.- Referencia visual de dónde se colocará el elemento

    • play_circle_outline

      Clase 5

      5.- Reordenar elemento

  • Módulo 10 | 2 clases

    Animaciones

    expand_more
    • play_circle_outline

      Clase 1

      Animaciones con CSS

    • play_circle_outline

      Clase 2

      Filtro de elementos animado

  • Módulo 11 | 4 clases

    MaterialDesign de Google

    expand_more
    • play_circle_outline

      Clase 1

      Input MaterialDesign

    • play_circle_outline

      Clase 2

      Coreografía de entrada de elementos 1/2

    • play_circle_outline

      Clase 3

      Coreografía de entrada de elementos 2/2

    • play_circle_outline

      Clase 4

      Efecto ripple de MaterialDesign

  • Módulo 12 | 2 clases

    Otros controles

    expand_more
    • play_circle_outline

      Clase 1

      Acordeón

    • play_circle_outline

      Clase 2

      Efecto Me Gusta

  • Módulo 13 | 3 clases

    Calendario

    expand_more
    • play_circle_outline

      Clase 1

      Construir tabla y obtener días de todos los meses

    • play_circle_outline

      Clase 2

      Botones de control del calendario

    • play_circle_outline

      Clase 3

      Seleccionar y obtener fecha

  • Módulo 14 | 2 clases

    Efectos con texto

    expand_more
    • play_circle_outline

      Clase 1

      Efecto de entrada con letras aleatorias

    • play_circle_outline

      Clase 2

      Entrada de animación por letras

  • Módulo 15 | 4 clases

    Nuevos efectos

    expand_more
    • play_circle_outline

      Clase 1

      Resaltar con desenfoque

    • play_circle_outline

      Clase 2

      Efecto Instagram Stories

    • play_circle_outline

      Clase 3

      Slider con elementos apilados

    • play_circle_outline

      Clase 4

      Animaciones con Sprites en CSS

  • Módulo 16 | 4 clases

    Gratutios y demostraciones

    expand_more
    • play_circle_outline

      Clase 1

      Encuadrar Imágenes con 10 líneas de código

    • play_circle_outline

      Clase 2

      Sombras con degradado en CSS

    • play_circle_outline

      Clase 3

      Colorear SVG con degradados

    • play_circle_outline

      Clase 4

      Líneas decorativas para títulos

  • Módulo 17 | 11 clases

    Dark Mode

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del bloque

    • play_circle_outline

      Clase 2

      Maquetación y alineado

    • play_circle_outline

      Clase 3

      Colores con custom properties

    • play_circle_outline

      Clase 4

      Tips para seleccionar colores

    • play_circle_outline

      Clase 5

      prefers-color-scheme

    • play_circle_outline

      Clase 6

      Control toggle

    • play_circle_outline

      Clase 7

      Interactividad dark y light

    • play_circle_outline

      Clase 8

      Leer con JavaScript si usamos dark o light

    • play_circle_outline

      Clase 9

      Guardar y leer datos desde LocalStorage

    • play_circle_outline

      Clase 10

      Detalles de mejora del código

    • play_circle_outline

      Clase 11

      Iconos SVG

Clase 24

Arrastrar elemento y quitar fantasma de referencia

arrow_back Siguiente arrow_forward

24/60

Curso de controles y efectos Frontend