No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

¿Quieres aprender animaciones con JavaScript?

12/12
Recursos

Aportes 57

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Aproveche este curso para hacer una aplicación que nos permita saber el estado actual del covid-19, así que con ayuda de una api publica

SI gustan la pueden probar https://fabcov.netlify.app/
Y sería genial si me regalan una estrellita de paso lo revisan, y hacen su propia versión https://github.com/FabianXRL16/Covid-19

Muy buen curso

![](

Comparto mi resultado:
Segui la metodologia Mobile First y la metodologia BEM, ademas de otras tecnicas que he aprendido a lo largo de mi ruta de aprendizaje.
Perdón por poner tantas fotos, es que por alguna razón que desconozco me sale error al subir el gif 👺👺






Gracias por estos cursos, sirven demasiado para comenzar a crear tus proyectos, un 10 por mas cursos asi.
Con ganas ya de hacer animaciones con JS

Este fue mi resultado GitHub
Psdt: Quisiera mejorar el código JS

En este curso pudimos aplicar todo lo que vimos en los anteriores y eso fue lo mas genial, mas que todo practicamos y reforzamos estos conceptos.

¡Muchas gracias! 😃

Hola!, deseas implementar la versión responsive del proyecto?

Aqui publique un tutorial para que lo logres, y publiques en tu portafolio.
https://platzi.com/tutoriales/2338-animaciones-css-practico/12157-crea-la-version-responsive-del-proyecto-sin-ser-un-experto/

Animaciones con JavaScript! Claro que Si 😄

Me encanto este curso es increíble crear una página con animaciones 💚
.
Dejo por aca mi resultado, para el carrusel re-utilize el mismo modal e hice que las imágenes cambiaran con JavaScript, así usaba menos código para tener el resultado final.

Mi resultado final 😄


Mi resultado: https://lego-superheroes.netlify.app/
Mi repositorio en github si desean descargar imagenes 😄 : repo
Estoy muy feliz de este curso, fue increíble aprendí y recorde muchas cosas de cursos anteriores. sin duda es un 5 estrellas, este tipo de cursos prácticos son muy especiales.

muy buen curso, la profe explica muy bien, sería genial ver el de animaciones de js.

Me gusto mucho el curso, pudimos practicas y reforzar los temas vistos anteriormente

Así que me quedó a mí

Así quedo el mío

Hola No sabia de que hacer! y esto es lo que fue surgiendo le ire haciendo combios seguramente para mejorar.

Deploy: https://magali-acevedo.github.io/MaquetacionYanimaciones/

Este fue mi proyecto final, lo hice responsive por la convencion que tienen la mayoria de mis proyectos
https://johandev115.github.io/colombia/

Me gusto el curso

https://lego-project-ten.vercel.app/src/index.html

los invito a revisar mi sitio, es mobile first y le puse varias imagenes para que cargue una diferente siempre
![](
![](

Muy buen curso!!, logre avanzar y repasar animaciones en css y tambien trate de usar sass para mi proyecto, les dejo mis resultados junto al repositorio en git https://github.com/victor-Casta/fortnite_Characters

Así quedo el mío!!!

Me super encanto el curso, como todos los curso de Estefany son increibles y si me gustaria ver cursos de animaciones con javaScript

Por favor, sí! animaciones en JavaScript.

Estaría genial el curso de animaciones con JavaScript 😻

gracias playtzi por el platzi day

![](https://static.platzi.com/media/user_upload/image-b1b795d3-2c38-4e07-82c2-123a07117de1.jpg) ![](https://static.platzi.com/media/user_upload/image-e48e17ef-5251-4a51-89d2-b1a17a664518.jpg) ![](https://static.platzi.com/media/user_upload/image-b021c320-0e22-47cf-b3d1-ae1cfabd53e8.jpg)
yo cambie el codigo para que las imagenes del slide cambiaran dependiendo del super hero elegido con este script ==>> ```js const modal = document.querySelector('.modal'); const heroes = document.querySelectorAll('#button1'); const close = document.querySelector('.modal-content--close') const card = document.querySelectorAll('.card') for (let i = 0; i < heroes.length; i++) { heroes[i].addEventListener('click', () => { modal.classList.remove('hidden'); modal.classList.add('visible'); for (const img of card) { img.children[i].classList.remove('hidden'); } close.addEventListener('click', () => { modal.classList.remove('visible'); modal.classList.add('hidden'); for (const img of card) { img.children[i].classList.add('hidden'); } }) }) } ```y simplemente le agregue 2 imagenes adicionales a cada slide correspondientes a cada super hero y la clase de todas las imagenes es "hidden". El script lo que hace es quitarle ese "hidden" solo a las imagenes que corresponden al super-heroe clickeado.
Buenas aquí les adjunto mi proyecto, me gustaría recibir cualquier feedback para saber en que puedo mejorar o que cosas hice bien. <https://www.linkedin.com/in/ivan-dario-medina-davila/> ![](https://imgur.com/MqxG4jy)![](https://imgur.com/MqxG4jy.png)
Una pregunta compañeros, se puede ponerles a las etiquetas dos clases de esta manera: \<label class="card" for="radio-1" class="card-1">    \</label> Gracias.
muy bueno el curso, el un hover en el menu , y mas grande las fotos dentro del modal , muy bueno el curso de verdad ![](https://static.platzi.com/media/user_upload/image-f0b7de0e-1958-41c2-9fc6-7cee5536a49c.jpg)
Muy bueno el curso, le agregue un hover al menu , y me gustaria saber como colocar las imagenes del moda mas grandes , gracias de verdad muy bueno el curso ![](https://static.platzi.com/media/user_upload/image-627c3fec-5736-4abb-b3be-3514ebc25f02.jpg)![](https://static.platzi.com/media/user_upload/image-cc3be04c-c3b2-444f-a618-83d72e4cb26b.jpg)
Necesito el curso de Animaciones con JavaScript! Luego de hacer este quedé encantado!
Hola... coincido en que éste es un excelente curso, para poner en práctica los conceptos de animaciones y alineación con grid. Les comparto mi despliegue: <https://libian19.github.io/web-animada/> y mi repositorio: <https://github.com/libian19/web-animada>

Les dejo mi proyecto también, le hice unos cambios y lo volví responsive, espero les dé algunas ideas para que apliquen en los suyos:
https://mateorol9.github.io/lego/

hola excelente el curso
pero yo no veo bien o esta toda la pagina en un solo archivo?
no deberian estar en otras carpetas los estilos y las imagenes?.. disculpas si me equivoco. gracias

Excelente curso, mi proyecto ⚽

Les comparto mi repo y mi deploy 😎

A los amantes de platzi 💚 les recuerdo que con amor lanzaron un tema de VSCode para nosotros.

PlatziTheme

Les comparto mi p. final:
https://torofms37.github.io/goku-geek/

Así me quedo ;D
 

 
código en github

Este es mi resultado

Como realizar el call-to-action del footer sin JS, solo con HTML
y CSS:

Proyecto sin JS con HTML y CSS

Me gusta el lol XD


💚 QUIERO APRENDER ANIMACIONES CON JAVASCRIPT!!


me encantó el curso, ya tengo el dummy listo para hacer mi portafolio con base a este layout, muchas gracías teffcode, gran curso.

Aquí mi portafolio y la web online para que vean como va avanzando:
https://cricadev.github.io/Desktop//practice-anims-mockup-css/index.html

Después de 1 hora de tratar de hacer el deploy al final me salio con github pages y vercel en fin, así me quedo.
Repo
Deploy


El curso estuvo increíble. Sin duda alguna necesitamos más cursos de animaciones.

Necesitamos ver animaciones con JavaScript!! :DD

Genial curso y la profesora un 10 ¡

Gran curso igual que los dos anteriores 😄, ahora incluyendo JS. Ahora me entero que se pueden hacer animaciones con JS, por supuesto que tomaría el curso

Si seria bueno un curso de animaciones con JS 😃

buen curso! queremos el de animacion con jvascript , suena genial. gracias por todo! aprendi un monton

Les comparto mi resultado publicado en la siguiente link: demo
y por acá el repo con el código

Genial pude completar por completo el proyecto!!! Excelente curso!

Me gustó bastante esta trilogía! me di cuenta que si he aprendido bastante XD

Gracias Platzi y gracias Estefany Aguilar, pude complete los 3 cursos y proyectos en el Platzi Day, espero nos volvamos a ver pronto ❤️❤️.

Saludos a todos y mucha suerte en los próximos cursos.

Me encanto este curso!! aparte de que aplicamos todo lo aprendido en los cursos anteriores, también hicimos animaciones que probablemente usaremos muchas veces (el loader, el modal, el carrousel, etc.).

Además ya era una página real (ya que por ejemplo en los anteriores dibujamos).

Definitivamente es mi profesora favorita 💚 y estos cursos fueron brutales 💙

Les comparto el resultado! Agregué unas cuantas animaciones extra, como el menu responsive y un modal animado al momento de entrar y salir:

Repositorio

Demo