Curso de controles y efectos Frontend

Clase 1

1.- Presentación del curso

Clase 1

1.- Marcado (HTML)

Clase 2

2.- Ancho infinito

Clase 3

3.- Movimiento automático

Clase 4

4.- Controles del slider e indicadores

Clase 5

5.- Mover por controles

Clase 1

1.- Preparar página

Clase 2

2.- Efecto sticky

Clase 1

1.- Marcado (HTML)

Clase 2

2.- Iconos animados con transformicons

Clase 3

3.- Abrir y cerrar menú

Clase 4

4.- Menú lateral

Clase 5

5.- Resolver bug overflow

Clase 1

Previsualización de subida de imágenes

Clase 2

Reproducir video al llegar al viewport

Clase 1

1.- Estructura y diseño

Clase 2

2.- Mover tabs e indicador

Clase 1

1.- Marcado y peticiones AJAX

Clase 2

2.- Datalist para ofrecer opciones

Clase 3

3.- Autocompletado con peticiones optimizadas

Clase 1

1.- Marcado, DragStart y DragEnd

Clase 2

2.- Arrastrar elemento y quitar fantasma de referencia

Clase 3

3.- Detectar si el mouse pasa sobre un elemento

Clase 4

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

Clase 5

5.- Reordenar elemento

Clase 1

Animaciones con CSS

Clase 2

Filtro de elementos animado

Clase 1

Input MaterialDesign

Clase 2

Coreografía de entrada de elementos 1/2

Clase 3

Coreografía de entrada de elementos 2/2

Clase 4

Efecto ripple de MaterialDesign

Clase 1

Acordeón

Clase 2

Efecto Me Gusta

Clase 1

Construir tabla y obtener días de todos los meses

Clase 2

Botones de control del calendario

Clase 3

Seleccionar y obtener fecha

Clase 1

Efecto de entrada con letras aleatorias

Clase 2

Entrada de animación por letras

Clase 1

Resaltar con desenfoque

Clase 2

Efecto Instagram Stories

Clase 3

Slider con elementos apilados

Clase 4

Animaciones con Sprites en CSS

Clase 1

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

Clase 2

Sombras con degradado en CSS

Clase 3

Colorear SVG con degradados

Clase 4

Líneas decorativas para títulos

Clase 1

Presentación del bloque

Clase 2

Maquetación y alineado

Clase 3

Colores con custom properties

Clase 4

Tips para seleccionar colores

Clase 5

prefers-color-scheme

Clase 6

Control toggle

Clase 7

Interactividad dark y light

Clase 8

Leer con JavaScript si usamos dark o light

Clase 9

Guardar y leer datos desde LocalStorage

Clase 10

Detalles de mejora del código

Clase 11

Iconos SVG