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 Filtro de elementos animado

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
9 Hrs
15 Mins
20 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_circle_outline

      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_arrow

      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 29

Filtro de elementos animado

arrow_back Siguiente arrow_forward

29/60

Curso de controles y efectos Frontend