[ad_1]
https://i.ytimg.com/vi/raqN7Il3Tr0/hqdefault.jpg
Curso Bootstrap 4 [UDEMY] curso-bootstrap-4-udemy.bluuweb.cl
Curso Vue.js + Firebase [UDEMY] curso-vue-js-udemy.bluuweb.cl
Veamos como crear alertas o notificaciones TOASTR con Bootstrap 4 y Javascript. Recuerda que esta serie pertenece al curso en español de Bootstrap 4.
Documentación utilizada:
https://github.com/CodeSeven/toastr
https://code.jquery.com/
https://getbootstrap.com/
Suscríbete aquí: https://www.youtube.com/bluuweb
Descarga los archivos del curso aquí: https://goo.gl/4tZAZb
MÁS CURSOS DE BLUUWEB!
📌 HTML Y CSS: https://goo.gl/yoMdMZ
📌 JAVASCRIPT: https://goo.gl/hnQkog
📌 JQUERY: https://goo.gl/Ag7XsG
📌 CSS GRID: https://goo.gl/nR56pT
📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R
📌 BOOTSTRAP 4: https://goo.gl/npezrj
📌 PHOTOSHOP: https://goo.gl/1C9k5n
📌 PSD A HTML: https://goo.gl/VYX2V6
📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm
📌 PHP Y MYSQL: https://goo.gl/oao1QT
📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH
📌 ANGULAR: https://goo.gl/WJhtnC
📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i
📌 PHP LARAVEL: https://goo.gl/iAbPBy
📌 MATERIALIZE CSS: https://goo.gl/7pSFY5
📌 IONIC: https://goo.gl/RNGKTD
📌 SASS: https://goo.gl/ba7mEE
📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi
¿Quiéres apoyar el canal?
Curso de Bootstrap 4 PREMIUM!
Accede con un súper descuento aquí: https://goo.gl/VQZwKg
También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/
Finalmente visita mi sitio web: https://www.bluuweb.org
Original source
22 responses to “❤ Toastr – Notificaciones o Alertas con Bootstrap 4 ❤ Simple Javascript notifications [ESPAÑOL]”
Allerta İ love you bro. seni seviyorum (in turkish translate)
Pero como hago si los codigos que pones tu son diferentes a los que me dan a mi por favor me puede ayudar
Excelente! Me gustaría que hicieras una prueba que consista en una respuesta "Simulada" de un registro de datos ó inicio de sesión, y te muestre esa alerta (Toastr) como confirmacion
.
Como le puedo cambiar el icono a la notificacion..?
Tener que llamar a bootstrap, jQuery light, luego jQuery normal y por ultimo otra libreria de JS.
Eso es mucho contenido a cargar, aunque sea un poco mas de trabajo es recomendable que hagan sus propias toast notificacion con css y js desde 0.
Son menos de 30 linas de codigo y mejorara el SEO de su pagina.
*EDIT: Obviamente, estas notificaciones son muucho mas esteticas. Si tu sitio ya de por si utiliza jQuery y bootstrap si es una buena opcion*.
Eres lo mejor muchas muchas graciaaaaas.
TE AMO GRACIAS
Buenas tardes, tus tutoriales son explicados claramente y sobre muy didacticos y haces la programacion amena, me gustaria preguntarte, como podria lograr notificaciones que aparezcan en un sistema cuando te loguees y te avisen de eventos que vayan a ocurrir dentro de los proximos 3 dias, seria una notificacion tipo facebook, estoy medio perdido no se si ussar triggers para la tabla de eventos y lanzarla para que la notificacion pueda ejecutarsse, tendrias alguna documnetacion o algun ejemplo disponibe, muchas gracias
me sirvio añadiendo el cdn despues de bootstrap
maestro como lo utilizo desde un controllador , para ej notificar que un cambio de contraseña fue correcto o que las contraseñas no coinciden
hola, una pregunta si quiero que estos mensajes me aparezcan mas abajo por ejemplo abajo del menú, que debo de hacer
Me gusto el toastr, yo he usado algo parecido https://craftpip.github.io/jquery-confirm/ !! que también es bastante simple de usar.
wow maestrooooooooo, esta genial 🙂
¿Cuando continuaras con la serie de Laravel?, la he estado esperando todo este tiempo y aun nada, piensas subirla pronto? o seguirá estando un tiempo mas en stand by para dedicarte a otro tutoriales?.. Me alegra mucho que retomes este tipo de vídeos así como los de MDBoostrap.. gracias por el contenido <3 un abrazo
Otra vez, como siempre dando excelentes sorpresas y dando lo mejor en este canal dedicado al desarrollo web y a la programacion la verdad mis respetos, y muchas pero muchas gracias por estas clases…
Excelente tutorial,saludos 🙂
Está muy bueno! Gracias!, Pero no le encuentro aún para q podría servir, si alguien me guía, estaría buenísimo, muchas gracias!
Muy bueno el tuto Muchas gracias….
Maestro Shileeenoooo! Muchas gracias, videazo!
Excelentes tutoriales me agrada mucho tu personalidad y diversión a la hora de explicar. saludos
excelente bro, gracias por compartir tu sabiduría 😀
Mega genial…. He aprendido mucho…. Soy re-novato en esto de programación…. Excelente