Nivel Básico
13 clases
1 hora de contenido
10 horas de práctica
Aprende a crear animaciones con CSS, desde conceptos básicos hasta la implementación en un juego interactivo. Domina keyframes, animation properties y eficiencias en el rendimiento de tus animaciones web. Incluye ejercicios prácticos.
Clases del curso
Animationland game
Animation y keyframes en CSS
Rendimiento de animaciones con CSS
Libros recomendados y próximos pasos
Profes del curso
Conoce quién enseña el curso
Estefany Aguilar
Desarrolladora Frontend en Platzi
👩💻 Experta en CSS
🇨🇴 Organizadora de comunidades como MedellínCSS y CSS Conf Colombia
🎨 Ama enseñar con ilustraciones divertidas
Proyecto del curso
Alicia en Animationland: shooter de conejitos
Ayuda a Alicia a atrapar a todos los conejitos de Animationland. Crea tu primer videojuego web maravilloso con contadores, animaciones y dibujo en CSS.
Ver proyectoconocimientos previos
- HTML y CSS
- Transformaciones y transiciones en CSS
software y recursos necesarios
- Navegador Web
- Editor de código
Opiniones del curso
4.7 · 1046 opiniones
@RetaxMaster·
Excelente curso, me encanto mucho Animationland 😍, las animaciones con CSS son lo mejor, muy recomendado 💚
Osvaldo Arzate Santiago
@ArzCorp·
Muy buen curso para aprender lo basico sobre animaciones, me hubiera gustado una mayor explicacion de cada propiedad de css
@dpolo9855·
excelente didáctica
Any Omaña
@iamanyyeei·
Amé muchísimo este curso y disfruté de cada paso para realizar mi proyecto final con el conejito. Gracias profe Estefany, porque con este curso me siento muy orgullosa de mí, y de todo lo que he aprendido a lo largo de esta ruta de Frontend con HTML y CSS desde cero. Aún no me puedo creer que hice un juego con CSS, veo hacia atrás y me parecía imposible. Estoy súper agradecida de sus enseñanzas.
Martha Torres
@liatopri230·
Me encantó este curso 😊. Me hizo muy feliz ser parte de él. Espero pronto crear muchas mas animaciones. ¡Muchísimas gracias! 🤗
José Manuel Aguilar de la Cruz
@manuelaguilar458·
Un escelente curso para un tener una buena base para realizar animaciones y transiciones atractivas en CSS, lo cual permite realizar proyectos más agradables al ojo.
Christian Eduardo Figueroa Sandoval
@ChristianF1·
Muy buen curso, bien manejado y aterrizado el contenido en la parte práctica.
@santiagouruenaa·
super el curso, recomendado
David Osvaldo Mansilla
@mansidavid9999·
Muy bueno el Curso, Ahora a aplicar lo aprendido :)
Federico Maciel
@fedema·
La facilidad de la explicación, la velocidad y el hecho de que te suelta la mano a cada rato para que tu hagas los ejercicios.
Luis Daniel Gordo Navas
@danniel_dev·
Excelente profesora y el tema manejado de la mejor forma
@daniellopeztorres·
Buen curso, aunque después de los retos requiere algunas explicaciones que no se encuentran en los videos para como resolverlos o como mejorar los resultados.
Lucas Jonathan Silva
@LucasJS·
Teff es una gran profesora, de las mejores de Platzi! Hasta te vistio acorde a la temática de "Alicia en el país de las maravillas". El mini proyecto es fantástico! Gracias Teff 💚
Neuyin Rosana Herrera Sunico
@neuyin·
La docente es muy dinámica y los ejemplos muy claros.
Julio Bastidas
@juliobas·
excelente curso, aunque para el examen tuve que investigar por fuera ya que muchas de las preguntas no se explicaron en el curso
Kevin Yair Salazar Molinares
@kevinsalazarmo·
excelente
JORGE ADOLFO CALAMBAS CERON
@jorgeacalambas·
excelente
Oscar Morales
@omoralespj·
curso super genial
Luis Alberto Zapata Zepeda
@mxlazz·
Excelente curso, me ayudó a comprender más sobre el tema de Animaciones. ¡Muy bien explicado!
Alexis Carbajal
@2020pomelo·
Gran curso
Maria Florencia Toribio Rojas
@MariaToribio·
muy bueno y practico
Gabriel Caruso
@gabriel-caruso·
Me encantó que también aborde el tema de la perfomance, que suele ser uno de los temas mas importantes en el desarrollo
Gerardo Agustin
@gerardoagustin·
Excelente curso, bien detallado y práctico.
Santiago Pérez
@santiago27·
10
Joshua Espindola
@JoshuaEspindola·
Un curso increible que en lo personal me ayudo bastante a quitarle un poco ese temor a CSS en general
Tatiana Ayelen Garay
@ayelen.hola.08·
Lindo curso , amo
Catherine Godoy
@c.godoy·
.
Cristian D Gutierrez
@cristiandgutierrez·
Súper curso.
Carlos Quintero
@carlosq375·
Tremendo curso, me encanto y aprendi cantidades esta profesora cada vez me asombra más sus clases son cada vez mejores
Daniel Fernando Diaz Camaño
@danieldiaz60142·
Excelente contenido
Eleva tu aprendizaje
Complementa este curso con nuestras rutas de aprendizaje
Desarrollo Web
Desarrolla aplicaciones web desde cero y haz realidad tu carrera como Web Developer. Sé parte de la industria con los empleos mejor pagados a nivel global.
Ruta
DevOps y Cloud para Desarrolladores Web
67 horas
13 Profes
Implementa prácticas DevOps para automatizar el ciclo de vida del desarrollo web, utilizando contenedores (Docker), orquestación (Kubernetes), infraestructura como código (Terraform) y pipelines CI/CD en plataformas cloud (AWS, Azure, GCP).
Ruta
Arquitecturas Web Modernas y Escalabilidad
67 horas
17 Profes
Diseña y construye sistemas web escalables y mantenibles aplicando patrones como microservicios, arquitecturas limpias, SSR/SSG, uso de GraphQL/gRPC y herramientas de observabilidad.
Ruta
Desarrollo Backend con Python
17 horas
2 Profes
Construye APIs y aplicaciones backend robustas con Python, utilizando frameworks populares como Flask, FastAPI y Django, y gestionando bases de datos SQL.
Ruta
Desarrollo Backend con Node.js
76 horas
7 Profes
Especialízate en la creación de APIs y servicios backend utilizando Node.js, Express, NestJS, bases de datos SQL/NoSQL, autenticación (JWT, Passport), WebSockets y arquitecturas modernas.
Ruta
Desarrollo Backend con Java
16 horas
3 Profes
Especialízate en el desarrollo backend con Java, utilizando el ecosistema Spring (Spring Boot, Spring Data JPA, Spring Security) para crear APIs y servicios escalables y seguros.
Ruta
Desarrollo Backend con PHP
50 horas
4 Profes
Aprende a construir aplicaciones web y APIs robustas con PHP, dominando frameworks como Laravel y Symfony, gestionando bases de datos, autenticación y buenas prácticas.
Ruta
Bases de Datos para Web
42 horas
9 Profes
Aprende a diseñar, gestionar y optimizar bases de datos relacionales (SQL - MySQL, PostgreSQL, SQL Server) y NoSQL (Mon|goDB, Redis) para aplicaciones web de alto rendimiento.
Ruta
Desarrollo Frontend con React.js
29 horas
5 Profes
Desarrollo Frontend con React.js
Ruta
Desarrollo Frontend con JavaScript
39 horas
5 Profes
Desarrollo Frontend con JavaScript
Ruta
Fundamentos del Desarrollo Web Profesional
51 horas
9 Profes
Establece las bases esenciales de la informática, el desarrollo web con HTML, CSS, JavaScript, el manejo de herramientas como Git y la terminal, y los principios de ingeniería de software.
Ruta
Diseño y Desarrollo Frontend
39 horas
5 Profes
Domina JavaScript avanzado, manipulación del DOM, CSS moderno (Flexbox, Grid, Sass, Tailwind), rendimiento web y los frameworks/librerías más populares como React, Vue, Angular, junto con TypeScript y herramientas de build.
Ruta
Testing Automatizado y QA para Web
78 horas
12 Profes
Asegura la calidad de tus aplicaciones web implementando pruebas unitarias, de integración, E2E y de rendimiento con herramientas como Jest, Cypress, Playwright, Testing Library y K6.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender