Como hacer un sistema de notificaciones "toast" con animaciones | HTML, CSS y Javascript 

Hola! Despues de un año sin subir videos estoy de regreso. Espero que les guste este tutorial Aviso: En unos días se viene mi mega curso de javascript desde cero, de mas de 190 capítulos y 33 horas.

Volvió el papá de los RU-vidrs de desarrollo web

Lo queremos estimado Carlos. Tiene una forma paciente de explicar, eso es propio de los buenos profesores. Que Dios lo bendiga mucho!🐝

Que gusto me da ver que retomas la actividad en youtube! Quisiera agradecerte ya que gracias a tus videos mi vida ha cambiado por completo! Soy Ing. en Mecatrónica, pero es una carrera que no me gusta, no ponía atención en clases y honestamente nunca terminé de entenderla, por lo que despertó en mi un gran miedo al no saber que sería de mi en el futuro. Pero en un proyecto final de mi carrera (el cual estaba relacionado con la industria 4.0), debíamos implementar una página web. En nuestra carrera no nos enseñaron nada sobre desarrollo web, por lo que decidí hacerme cargo de esa tarea ya que lo demás relacionado a la mecatrónica no me gustaba... Así es como empecé a ver tus videos para sacar adelante mi parte del proyecto, y poco a poco me fui interesando más en el desarrollo web. Terminando la universidad conseguí un trabajo como desarrollador Front-end durante poco más de 1 año (debido a problemas con el gerente de la empresa xD). Pero ahora estoy trabajando como Analista de operaciones tecnológicas para una empresa en la ciudad de méxico, mientras hago home office debido a que vivo hasta el norte del país. Tengo un buen sueldo, ya no tengo que tomar un camión para ir a trabajar a una empresa aburrida, mi stress ha disminuido, tengo la fortuna de convivir más tiempo con mi familia, y esa sensación de miedo e incertidumbre que tenía hace años desapareció. Muchas gracias por hacer estos videos, te deseo mucho éxito en todo lo que hagas! Te mando un fuerte abrazo! Saludos bro!

Has revivido!! 🎉 Gracias por el curso, crack

Estimado Carlos que bueno es tenerte de regreso en esta plataforma.... Gracias por tus enseñanzas tengo muchos años programando y he aprenddo de gente joven como tu....

Hola, muchas gracias por compartir. Gran trabajo , gran explicación. Muy bien estructurado y apoyado con los ejemplos en cada caso. Mis más sinceras felicitaciones.

Gracias por esta enseñanza, Genio!

Excelente, aprendí mucho.

Gracias por toda la información! Saludos desde Venezuela! 👋🏻

Que bueno que hayas vuelto master

Hola, muchas gracias por estos videos, llegue hasta el final copiando linea por linea y analizando todo, me gusta como explicas bien detallado, un saludo!

Realmente gracias, aprendí un montón. San Carlos, Cojedes - Venezuela

!Gracias por el video, bro¡

Videooo terminado! 1 nuevo suscriptor

Se extrañaba los contenidos, gracias por todo el contenido que en lo personal me ayudo mucho, saludos bro 🇦🇷

La manera que tienes para explicar el css y html es muy increíble, me había costado tanto tiempo entender cómo funcionaba css, muchas veces ni siquiera sabía porque había colocado esa propiedad ahí pero como funciono, funcionó. Ahora volviendo a ver mi trabajo pude entender y corregir muchas cosas. Muchas gracias por el video, me ha servido mucho!.

Todo con muy buena explicación, muchas gracias ❤

*Bravoooo* 👏👏 Valió la pena esperar un año para ver otro interesante video de tu maravilloso canal. Video visto completo y es verdad lo que dices: requiere de mucho código. Es genial tu trabajo y te felicito por ello. No creo que tenga que volver a esperar otro año mas para ver el próximo video verdad ? 👍😀

Se extrañaba sus videos educativos, bienvenido, un gusto que este de vuelta y gracias por este nuevo video. 👍💪

Saludos y felicitaciones, terminado el video e inclusive compre tu nuevo CURSO ---- Javascript: El Curso Completo, Práctico y desde Cero. --- CREO QUE APRENDERE UN MONTÓN SALUDOS

Me siento muy contento de que vuelvas a dar actividad en RU-vid, no dejes de subir videos que tu contenido es de muy buena calidad 💪💪💪

VOLVISTE MANOOOOOOOOOOOOO!

Este proyecto estuvo genial, Gracias Profesor Carlos !!

Eres un crack, gracias por todos los cursos y ayudas

Un gustazo verte de vuelta! ✌🏼

Falcoooon tanto tiempoooo que bueno verte por aca.... ni he visto el video aun pero ya le di like jasjdajd

Termine el vídeo y lo vería a ver solo por gusto XD. Muchas gracias ❤

Gracias por compartir tus conocimientos, me ayudan a mejorar mucho junto con tus cursos en Udemy

Mi estimado Charly, excelente Video, siempre es grato ver contenido creado con CSS y Javascript puro, sin utilizar Frameworks, que bueno que estas de regreso, salu2 desde la CDMX.

Volviste Carlitos🎉🎉

¡Welcome back Crack! Comencé poco antes de la pandemia, y mis inicios fueron con tus vídeos. No tienes ni idea de los influyente que has sido en este mi maravilloso viaje de desarrollo web. También te sigo en Udemy, donde adquirí y estudié React. Te felicito y que continúen los éxitos..

Que bueno verte de vuelta amigo!

Volvisteee! Que crack, segui asi, tus videos de youtube y cursos de udemy me ayudaron bastante!

Excelente video..!!!

Por fin un video despues de milenios jejeje, saludos amigo, y gracias por todo tu esfuerzo.

gracias Krilin

¡Ha vuelto! ¡Ha vuelto!

Hola Carlos Arturo después de un año, con tus videos aprendí mucho ahora estoy en nivel avanzado 🎉

Sensacional! 😃

Maestro. Regreso... :')

Volvioooooooooo😅😰 , aunque hay librerias para crear los toasts no esta demas aprender a crearlas desde 0 👌

wowwwww apareciste se extrañaba

Buen video. Deberías hacer uno sobre las notificaciones que salen a través del navegador. Browser notifications.

Estupendo video, mil gracias. Amigo, deberías organizarlo como librería para poderlo usar en nuestros proyectos. Like para que Falcon lo haga tipo Sweetheart2 y ToastAlert. 🖤

Genial! Me encantó!! Pero me quedó una duda, por qué para cerrar el toast con autocierre creaste un timeout, no se puede agregar otro if al animationend y que se cierre cuando termina esa animación? 🤔

Cómo es que no tienes 1 millon de suscriptores?😊😊😊

muy buen video, muchas gracias. aprovecho para preguntar cómo llamo agregarToast() desde PHP?

Hola maestro!! Espero el curso de javascript!! Lo vas a subir a este canal?

😮😊❤🎉

No mames volviste de la muerte

Seria bueno tambien que se pudieran pocisionar en la parte TOP y no solo abajo. 👌👌💥💥

Primero!🤗

😢 volviste

es como la biblioteca izitoast

(Cómo haces para borrar el contenido dentro de " " Rápidamente?? )

Estabas perdido!!!