• Thursday , 28 May 2020

❤ Toastr – Notificaciones o Alertas con Bootstrap 4 ❤ Simple Javascript notifications [ESPAÑOL]

Code Canyon
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

3d Ocean

Related Posts

22 Comments

  1. HardRez Serhat
    December 11, 2019 at 17:02

    Allerta İ love you bro. seni seviyorum (in turkish translate)

  2. ESTEFANY ORELLANA BERNABE
    December 11, 2019 at 17:02

    Pero como hago si los codigos que pones tu son diferentes a los que me dan a mi por favor me puede ayudar

  3. Frank Jhonnathan Vergara Vergara
    December 11, 2019 at 17:02

    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
    .

  4. Sang Ying Chow Diaz
    December 11, 2019 at 17:02

    Como le puedo cambiar el icono a la notificacion..?

  5. Sebastian
    December 11, 2019 at 17:02

    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*.

  6. deisy johana arboleda cardona
    December 11, 2019 at 17:02

    Eres lo mejor muchas muchas graciaaaaas.

  7. Drowing
    December 11, 2019 at 17:02

    TE AMO GRACIAS

  8. Fernando Zegarra
    December 11, 2019 at 17:02

    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

  9. Angel Jara
    December 11, 2019 at 17:02

    me sirvio añadiendo el cdn despues de bootstrap

  10. Ignacio Gomez
    December 11, 2019 at 17:02

    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

  11. Manuel alberto T
    December 11, 2019 at 17:02

    hola, una pregunta si quiero que estos mensajes me aparezcan mas abajo por ejemplo abajo del menú, que debo de hacer

  12. Joel Miguel Valente
    December 11, 2019 at 17:02

    Me gusto el toastr, yo he usado algo parecido https://craftpip.github.io/jquery-confirm/ !! que también es bastante simple de usar.

  13. CAMPEONES CLAN
    December 11, 2019 at 17:02

    wow maestrooooooooo, esta genial 🙂

  14. Juan Osio
    December 11, 2019 at 17:02

    ¿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

  15. Fredy Eduardo Paternina Luna
    December 11, 2019 at 17:02

    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…

  16. TheJuanelo PvP
    December 11, 2019 at 17:02

    Excelente tutorial,saludos 🙂

  17. Sistemas Hábitat
    December 11, 2019 at 17:02

    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!

  18. edixon amutari roman
    December 11, 2019 at 17:02

    Muy bueno el tuto Muchas gracias….

  19. Osmei G
    December 11, 2019 at 17:02

    Maestro Shileeenoooo! Muchas gracias, videazo!

  20. Juan Miguel Paz
    December 11, 2019 at 17:02

    Excelentes tutoriales me agrada mucho tu personalidad y diversión a la hora de explicar. saludos

  21. Pablo Andres Levipil Villarroel
    December 11, 2019 at 17:02

    excelente bro, gracias por compartir tu sabiduría 😀

  22. Andres Fabian Patiño Bermudez
    December 11, 2019 at 17:02

    Mega genial…. He aprendido mucho…. Soy re-novato en esto de programación…. Excelente

Leave A Comment

You must be logged in to post a comment.