Con este curso podrás:

Crear Transiciones y Transformaciones

Crear Transiciones y Transformaciones

Utilizar Keyframes en Diseños Web

Utilizar Keyframes en Diseños Web

Manejar Fotogramas en la Web

Manejar Fotogramas en la Web

Desarrollar Animación de Interfaces

Desarrollar Animación de Interfaces

Crear un Proyecto con React

Crear un Proyecto con React

Temario del curso

Introducción

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

Transiciones

Sintaxis de transiciones
Transiciones de interacción

Transformaciones CSS

Sintaxis de Transformaciones
Transformaciones de rotación
Transformaciones de traslación y perspectiva
Transformaciones de escala
Transformaciones de sesgados
Punto de transformación

Animaciones CSS

Sintaxis
Aceleración y curva de bezier
Múltiples animaciones
Detectar eventos de animaciones CSS desde JS
Optimizar render con will-change y developer tools
Propiedades animables

Web Animations API (Animaciones en JS)

element.animate
Controlar animaciones

Tipos de animaciones en la web

Creando logo de platzi
Animando logo de platzi
Animaciones de Entrada y Salida
Creando un Modal
Animando el like de Twitter con Sprites
Creando un sistema de notificación
Animando Notificaciones
Olas Explicación
Olas Animación 2

Animaciones en ReactJS

Intro al proyecto final del curso
Configurando una aplicación en React JS
Estructura de proyectos con React
Animaciones con React Transicion Group
Llevando HTML y CSS a React JS
Pasando de una página estática a una dinámica con propiedades
Puliendo el CSS de invie
Añadiendo Cheet JS
Configurando Redux
Animando las guitarras
Transición en los Cards de Guitarras
Animación de entrada y salida en la portada
Animando el background de la portada
Multiplicando y animando los corazones
Cierre del Curso
Diploma del Curso de Animaciones para la Web

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Leonidas Esteban

Leonidas Esteban

@LeonidasEsteban

Frontend en Platzi

Elige un plan y empieza a estudiar

Platzi Expert
Platzi Basic
Solo este curso
dólares

$25 / mes

En un solo pago de $299
  • Accedes a más de 150 cursos y 24 carreras
  • 4 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Exámenes de certificación por curso
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Diploma de certificación a tu hogar, vivas donde vivas
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a más de 150 cursos y 24 carreras

  • 4 cursos exclusivos

  • Clases en vivo o a tu ritmo con profesores y mentores

  • Estudia donde quieras en la web o en tu teléfono

  • Exámenes de certificación por curso

  • Acceso a las actualizaciones de todos los cursos

  • Pago con tarjetas de crédito o débito

    Visa
    Mastercard
    American Express
  • Pago con depósito, PayPal y otros métodos

    PayPal
    Depósito
  • Diploma de certificación a tu hogar, vivas donde vivas

  • Entrada exclusiva al Taller de Creación de Startups

  • Entrada preferencial a PlatziConf en todo el mundo

  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$25

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

Cursos exclusivos de Platzi Expert

Taller de creación de Startups
Taller de creación de Startups
Introducción a la Creación de Empresas y Startups
Introducción a la Creación de Empresas y Startups
Curso de Inglés Técnico para Profesionales
Curso de Inglés Técnico para Profesionales
Cómo conseguir trabajo en Programación
Cómo conseguir trabajo en Programación

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Jose Navas
Jose Navas

todo el contenido del curso fue estupendo, muchos trucos aprendidos, muchas ganas de explorar mas cosas!

Ezequiel  Piñero Pérez
Ezequiel Piñero Pérez

Muy buen profesor. Me gusto la parte de React y Redux ya que nunca lo había usado.

Ada Parra
Ada Parra

Excelente curso, me encantan las animaciones ya que hace que la experiencia de usuario sea aun mas amigable.

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 12 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Arquitectura Frontend
Carrera de Arquitectura Frontend