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
Juan Carlos Guevara Silva
@juanito39·
Lo Recomiendo Muchísimo sobre todo para aprender estilos!! como css
Martha Torres
@liatopri230·
Me encantó este curso 😊. Me hizo muy feliz ser parte de él. Espero pronto crear muchas mas animaciones. ¡Muchísimas gracias! 🤗
Bryan Castano
@Beaunix·
GRANDIOSO CURSO : ANIMATIONS por @TeffCode quien explica Muy bien todo sobre HTML, CSS y FrontEnd. La Profe es muy amigable y se esfeurza por entender los funciones para animations Web en CSS , El Project estuvo muy bueno.
Johanna Marcela Orjuela Flórez
@johannamorjuela·
Excelente profe! 👍
David Osvaldo Mansilla
@mansidavid9999·
Muy bueno el Curso, Ahora a aplicar lo aprendido :)
Jerson Mosquera Pretelt
@jerson.mosquera.p·
Muy buen curso teórico practico
javier hernan herrera
@estudiopenal2017·
muy buen curso.
Leonardo Guevara
@jleonardoguevaram·
Aprendia ejecutan un contador en CSS y aplicar los principios de animaciones.
Byron Tito
@byronthyto·
Muy interesante el curso me quito la duda de como se hacían algunas animaciones, yo creí que eso se lograba con JS o otro framework mas avanzado
Ricardo Hernández Tovar
@Slamric80·
Un buen comienzo para entender las animaciones
Yamil Limachi Apaza
@yamilfenriz·
Excelente curso. Gracias!
Christopher Armando Jiménez Valverde
@chrisjv87·
Excelente curso del profe
Juan José Mamani Tarqui
@Jose_Juan·
:)
Maria Florencia Toribio Rojas
@MariaToribio·
muy bueno y practico
Jaime Andres Restrepo Cardona
@jaimerpo79·
Excelente Docente. Gracias
Arale Ocampo
@aralegarciaocampo·
Excelente curso, la profe es la mejor :3
Alejandro Rosa
@alejandro-rosa·
Gracias ala maestra al fin pude comprender los conceptos de las animaciones creo que con este conocimiento podremos hacer cosas increíbles
Javier Enrique Borjas Tapia
@cristman11·
Exelente.
Team Tidy
@team.ttidy·
Excelente curso!
Elam Vera
@tylam·
Me encanto este curso porque te da las herramientas necesarias para darle mas vida a tu desarrollo web, cambia por completo la apreciacion de una pagina con y sin animaciones
Daniel Fernando Diaz Camaño
@danieldiaz60142·
Excelente contenido
Danny González
@d2g3000·
Me encanto el curso, estuvo muy interesante y muy bien explicado.
Miguel Ángel Arias Sánchez
@mikey1229·
Muy bueno este curso, y me gusto demasiado el proyecto que realizamos
Erik David Medina Lopez
@medinalopezerikdavid151·
me gusto mucho profundizar más en las animaciones que se pueden hacer y que explicaron en que debes de fijarte para crear una buena animacion sin perjudicar el tiempo de carga de tu pagina y como realizar prubas con metricas de tus animaciones usando las opciones del navegador. La maestra es muy buena explicando.
Daniel Salazar Munoz
@danielsalazr95·
Aprendí a hacer que mis objetos de CSS se muevan y realicen acciones al interactuar con ellos, esto me permitirá hacer páginas más dinámicas y visualmente mas comodas.
Brenda Villordo
@bren.v.gtz·
Es impresionante la cantidad de cosas que se pueden hacer con CSS. Me gustó mucho el proyecto del Curso.
Diego Alejandro Calderon peralta
@ingdiegoc71·
todo
Justin Joel Guillén Cáliz
@Justin.Guillen789·
Un curso que fortaleció mis habilidades como frontend y en CSS, sobre todo en el modulo de performance y de rendimiento usando animaciones en la web, muy buen material y con proyecto incluido. Gracias. Recomendado
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