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
Certificado digital
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.
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 · 1044 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
Daniel Salinas
@danielorlandosalinas935·
Bueno!
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.
Juan Carlos Guevara Silva
@juanito39·
Lo Recomiendo Muchísimo sobre todo para aprender estilos!! como css
maria jimenez
@gigidesarrollo87·
bueno
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
Johanna Marcela Orjuela Flórez
@johannamorjuela·
Excelente profe! 👍
Jerson Mosquera Pretelt
@jerson.mosquera.p·
Muy buen curso teórico practico
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
Sebastián Andrés Sanhueza Tapia
@SukuShaing·
Me gusto que le pusiéramos talento al código
@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.
Dender Adrian Pernia Valero
@denderpernia·
Excelente Contenido
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 💚
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
Diego Venegas
@FleexDi80·
Muy bien el curso, con una explicación sencilla y rica en conocimiento.
Jeefry Polo Ospina
@jeef·
Excelente curso
Oscar Morales
@omoralespj·
curso super genial
Christopher Armando Jiménez Valverde
@chrisjv87·
Excelente curso del profe
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
Felipe Muñoz Caceres
@felipe_spriggan·
Muy buen curso, enseña con ejemplos claros cada una de las propiedades CSS.
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
jonathan Ferreira hernandez
@jonathway·
Muy buen curso
Santiago Pérez
@santiago27·
10
Jaime Andres Restrepo Cardona
@jaimerpo79·
Excelente Docente. Gracias
Arale Ocampo
@aralegarciaocampo·
Excelente curso, la profe es la mejor :3
Eleva tu aprendizaje
Complementa este curso con nuestras rutas de aprendizaje
Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.
Ruta
Full Stack Developer con JavaScript
59 horas
8 Profes
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.
Ruta
Full Stack con Next.js
21 horas
2 Profes
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.
Ruta
Laboratorios de Desarrollo Web
11 horas
6 Profes
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.
Ruta
Python: De Cero a Experto
53 horas
10 Profes
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.
Ruta
Frontend con Vue.js
52 horas
8 Profes
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.
Ruta
Backend con Node.js
72 horas
8 Profes
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.
Ruta
Backend, Arquitectura y Bases de Datos
73 horas
15 Profes
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.
Ruta
Backend con PHP
69 horas
4 Profes
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.
Ruta
Especialización en Accesibilidad Web
59 horas
19 Profes
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.
Ruta
JavaScript para Frontend
32 horas
4 Profes
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.
Ruta
Technical Writing
31 horas
10 Profes
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.
Ruta
Frontend con Angular
49 horas
1 Profe
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.
Ruta
Backend con Java
36 horas
8 Profes
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.
Ruta
Seguridad Informática para Web Developers
59 horas
12 Profes
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.
Ruta
QA y Automatización de Pruebas
35 horas
6 Profes
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.
Ruta
Inteligencia Artificial para Developers
19 horas
12 Profes
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.
Ruta
Fundamentos de Programación y Desarrollo Web
36 horas
12 Profes
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.
Ruta
Full Stack con WordPress
49 horas
10 Profes
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.
Ruta
Frontend con React.js
34 horas
7 Profes
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.
Ruta
HTML y CSS desde cero
54 horas
8 Profes
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender