Curso de Animaciones para la Web

Curso de Animaciones para la Web

Instruido por:
Leonidas Esteban
Leonidas Esteban
Básico
8 horas de contenido
Ver la ruta de aprendizaje
Curso de Animaciones para la Web

Curso de Animaciones para la Web

Progreso del curso:0/43contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/43contenidos(0%)

Introducción

Material Thumbnail

Bienvenido al curso

00:33 min

Material Thumbnail

Introducción a las animaciones y micro interacciones en la web

02:58 min

Transiciones

Material Thumbnail

Sintaxis de transiciones

08:57 min

Material Thumbnail

Transiciones de interacción

09:08 min

Transformaciones CSS

Material Thumbnail

Sintaxis de Transformaciones

03:29 min

Material Thumbnail

Transformaciones de rotación

10:24 min

Material Thumbnail

Transformaciones de traslación y perspectiva

09:15 min

Material Thumbnail

Transformaciones de escala

03:32 min

Material Thumbnail

Transformaciones de sesgados

02:37 min

Material Thumbnail

Punto de transformación

07:24 min

Animaciones CSS

Material Thumbnail

Sintaxis

16:18 min

Material Thumbnail

Aceleración y curva de bezier

10:43 min

Material Thumbnail

Múltiples animaciones

07:11 min

Material Thumbnail

Detectar eventos de animaciones CSS desde JS

11:46 min

Material Thumbnail

Optimizar render con will-change y developer tools

09:59 min

Material Thumbnail

Propiedades animables

01:28 min

Web Animations API (Animaciones en JS)

Material Thumbnail

element.animate

12:06 min

Material Thumbnail

Controlar animaciones

11:18 min

Estas listo para certificarte

00:44 min

Práctica: Tipos de animaciones en la web

Material Thumbnail

Creando logo de platzi

09:45 min

Material Thumbnail

Animando logo de platzi

12:15 min

Material Thumbnail

Animaciones de Entrada y Salida

08:24 min

Material Thumbnail

Creando un Modal

23:32 min

Material Thumbnail

Animando el like de Twitter con Sprites

22:00 min

Material Thumbnail

Creando un sistema de notificación

16:29 min

Material Thumbnail

Animando Notificaciones

21:46 min

Material Thumbnail

Olas Explicación

07:34 min

Material Thumbnail

Olas Animación 2

19:30 min

Contenido bonus: Animaciones en ReactJS

Material Thumbnail

Intro al proyecto final del curso

02:05 min

Material Thumbnail

Configurando una aplicación en React JS

07:50 min

Material Thumbnail

Estructura de proyectos con React

10:24 min

Material Thumbnail

Animaciones con React Transicion Group

19:25 min

Material Thumbnail

Llevando HTML y CSS a React JS

22:38 min

Material Thumbnail

Pasando de una página estática a una dinámica con propiedades

21:30 min

Material Thumbnail

Puliendo el CSS de invie

22:19 min

Material Thumbnail

Añadiendo Cheet JS

04:46 min

Material Thumbnail

Configurando Redux

18:35 min

Material Thumbnail

Animando las guitarras

12:54 min

Material Thumbnail

Transición en los Cards de Guitarras

13:25 min

Material Thumbnail

Animación de entrada y salida en la portada

08:54 min

Material Thumbnail

Animando el background de la portada

10:59 min

Material Thumbnail

Multiplicando y animando los corazones

26:50 min

Material Thumbnail

Cierre del Curso

01:15 min

nuevosmás votadossin responder
Ramiro Contreras León
Ramiro Contreras León
Estudiante
·hace 3 días
Alguien me puede ayudar con el reto? Es que tengo hecho el modal cuando apreto en un botón y aparece… Pero no logro que ese modal no apar...
1
Jorge Ivan Lopez Leon
Jorge Ivan Lopez Leon
Estudiante
·el mes pasado
La animación de izquierda a derecha no me sale, cuando voy a hacer la inspeccion de por que es me sale un warning, en left 1 y no se ejec...
1
David Alejandro García Graterón
David Alejandro García Graterón
Estudiante
·el mes pasado
Hoy en día, Que es lo más se utiliza para programar animaciones? mediante js? Alguna librería más utilizada?
1
Marcelo Choque Pacheco
Marcelo Choque Pacheco
Estudiante
·hace 2 meses
¿cual es la ventaja de usar CssTransitionGroup? no comprendo bien, acaso no se puede usar lo aprendido directamente en react?
1
Marcelo Choque Pacheco
Marcelo Choque Pacheco
Estudiante
·hace 2 meses
¿como puedo configurar para que no abra el navegador automáticamente cuando le doy npm run start?
1
Marcelo Choque Pacheco
Marcelo Choque Pacheco
Estudiante
·hace 2 meses
¿por que pone en .contaner el position: absolute, acaso no es suficiente con tenerlo en en la clase .circulo? que alguien me explique
1
Marcelo Choque Pacheco
Marcelo Choque Pacheco
Estudiante
·hace 2 meses
¿alguien sabe por que me sale este error? Cannot read property ‘getAttribute’ y lo tengo igual que leonidad el codigo.
1
Ang.O
Ang.O
Estudiante
·hace 2 meses
eso de npm es un repositorio global o algo asi?
1
Ang.O
Ang.O
Estudiante
·hace 2 meses
tengo la consola de node pero no me reconoce ningun comando o me sale esto, esto si que e socnfuso npm should be run outside of the node ...
1
Ang.O
Ang.O
Estudiante
·hace 2 meses
alguien me podria explicar estas dos lienas del codigo const count=Number(bell.getAttribute("data-count"))|| 0; bell.s...
1