Alertas Personalizados y Responsive en Javascript | SweetAlert2.js

[@FalconMasters]

Manita arriba si te gusto el video 👍

[@alejandroc.1082]

Existe alguna librería para gestionar notificaciones? Gracias por tus aportes. 👍

[@jaim5048]

gracias por el vídeo falcon falcon como te enteras cuando hay nuevas librerias

[@FalconMasters]

@@jaim5048 Navegado por internet. Y otras como en este caso me la paso un usuario.

[@igor.miranda]

Hola Carlos.. tienes material sobre otras alternativas de framework que sean como bootstrap o mejores? saludos y gracias.

[@benardinodepauladeleon7098]

Si, me encanto. Pero queria ver como hacer que cuando le de clic en seleccionar me enviara a otra pagina.

[@jimmyroserovallejo]

No les pasa que tienen un proyecto y cada vez que piensan que ya terminaron, sale una u otra cosa que agregarle... este sujeto me ha sacado de mas de un aprieto. Gracias

[@antoniouc7137]

Jaja realmente si pasa

[@jhonalexanderarizaduarte845]

100 bugs 😄😄

[@gabrieloviedo5254]

Es verdad, eso pasa

[@greimyvioladeleon]

Te lo juro

[@miguelferrarotti5076]

Extraordinaria la ayuda.... Debí haberte seguido antes!!!. GRACIAS!!!!!

[@danns5109]

Cada que tengo una duda o cada que quiero implementar algo en mis prácticas en web encuentro tus videos, gracias x compartir todo esto!

[@Random-fivesolas]

Cuando pensé que no necesitaba mas aparece algo nuevo y mejorado.

[@guillermoandres2969]

Muy buen vídeo hasta ahora que lo miro, Y directamente al grano sin tanta habladera, hay tienes mi suscripción y mi Like

[@pabloramirobustosbelzu7456]

Buen video Media hora se me paso rapido con la explicacion q dabas, como estudiante de informatica es una buena libreria Hace un mes la implemente en mis proyectos pero como simples alertas, despues de ver tu video no sabia del gran potencial q tenia esta libreria Gracias amigo sigue asi

[@georgemacias1094]

Excelente video, yo compre tus cursos en Udemy y he aprendido muchísimo gracias a ellos, apenas hace poco descubrí Sweet Alert, pero todavía no se como poner alertas en formularios como de contacto para hacer validaciones, espero puedas hacer un video acerca de este tema, gracias.

[@alexisfloresmonroymonroy8297]

Suscrito desde hace años y siempre me sacas de apuros GRACIAS. haora gracias a ti ya tengo el aviso de cookies y gracias a ello fui aceptado por Google ads.

[@juanfranciscofriaherrera6005]

Este canal es fenomenal

[@FalconMasters]

Gracias!

[@lestherjosue1729]

Me gustaria que hicieras un video sobre MVC con PHP integrando React en el FrontEnd.

[@camilorincon5722]

Primera vez por aquí y no será la ultima. Excelente video. New suscriptor!

[@georgemacias1094]

Como me encantan tus videos, excelente maestro, he comprado todos tus cursos en Udemy y definitivamente he aprendido muchísimo mas contigo que en toda la carrera... :)

[@abelcaba5924]

Gracias, me has ayudado mucho últimamente en mis clases de programación

[@FalconMasters]

Me alegra mucho escuchar eso!

[@santosmarte]

Ya conocia este plugin pero quice ver lo, ya que sabes explicar bastante bien. Muchas gracias ! Tienes tu manita arriba ;)

[@Danielssjn]

Orale chido

[@alvaro9003]

Excelente aporte muchas gracias lo puse en pratica en mi pagina. mas videos asi por favor.

[@FalconMasters]

Estupendo!

[@martinembeita]

Gracias por el video, no lo podía hacer funcionar y ahora pude. Gracias de nuevo

[@igor.miranda]

Muy bueno, yo lo uso desde SweetAlert en su primera versión, pero la segunda versión esta bastante mejor.!! Gracias totales.

[@JorgeHernandez-sy1qp]

Felicidades Carlos, eres muy bueno explicando.!!

[@FalconMasters]

Gracias!

[@sebatecning5207]

Excelente vídeo, sin duda tu canal es uno de mis favoritos, gracias por compartir tus conocimientos...

[@alexisflores9065]

Tu video fue una locura. Me encanta!! Mil gracias!

[@ricardorivero7426]

excelente tutorial brother, muy claro y preciso, justo lo que buscaba. Gracias!

[@JoseAbrahim]

Excelente tutorial. Muchas gracias, me ha servido de mucho tus excelentes tutoriales, explicas muy bien y lo haces parecer facil...

[@briandanielgarciacarandia8474]

Muy buena explicación, me ayudaste bastante. Sigue subiendo videos de este tipo.

[@dcoding]

Muy buen tutorial 🤙

[@angeljoelmarcoscastilla4391]

excelente video, aprendo mucho en este canal

[@FalconMasters]

Gracias! Me da mucho gusto escuchar eso!

[@BlueMoises96]

falcom mil gracias por todo el material que subes, gracias a ti he aprendido mucho, que pedirte, que por favor hagas un tutorial de formulario step by step de js, este año en mi proyecto de la universidad debo hacer varios y no consigo un tutorial que lo explique de forma clara. Saludos desde Venezuela.

[@FalconMasters]

Me alegra mucho que te gusten mis videos. Lo voy a tener en cuenta!

[@alejandrorios6999]

gracias master. Genial como siempre

[@IMPDubs]

Una consulta al momento de poner el sweetalert me sale chiquito la ventana de alerta alguna solución?? porfavor

[@willingtonjimenezpulido7560]

Amigo como estas, quisiera saber si me puedes ayudar a aclarar como se manejaria SweetAlert2 de manera condicional??? es decir si se cuample "a" diga tal mensaje, pero i no se cumple "a" diga otra cosa, quedo atento y de antemano gracias por las ayudas en tu video

[@Jorge_flores_dev]

Buen contenido.. Un poco tarde lo he visto, pero me sirvio..Gracias

[@hectorbastida5026]

hay alguna forma de enviar estas alertas a un usuario en específico cuando se modifica un dato de una base ?

[@claukol]

Que agradable sujeto!

[@jeanpierv.1728]

me salvaste , me pidieron un modal , y me dio flojera y solo hice alert , con esto ya lo tengo

[@oscarmiguelbarriostecorral7847]

Esta bien god este video, me salvaste, + un sub

[@sistembol2709]

una pregunta porfa, por que me funciona una sola vez con los nuevos cambios, y cuando quiero modificarlo me sigue apareciendo lo mismo, como si no guardara los cambios

[@ingenierotaillowtuber999]

una consulta, estoy usando sweetalert para un proyecto en laravel, lo estoy usando para los mensajes de confirmación de eliminar algun registro, en un navegador de escritorio funciona a la perfección, pero cuando lo pruebo en un dispositivo movil, no me muestra el alert de confirmación solo me muestra el mensaje de que el registro fue elliminado

[@litzytrujillo6816]

Me ayudo demasiado, gracias

[@MariMari.89]

por ejemplo cuando quiero poner una de texto colocando tu nombre. y cuando le das a un boton siguiente. Quisiera que la pagina le diera la bienvenida, agregada con el nombre de la persona. Como puedo hacer eso?. ya cree el boton de siguiente y arriba puse para rellenar tu nombre. el boton se traslada a un link siguiente de la pagina. Alli es donde quiero que le de la bienvenida, con el nombre que puso. no se si me explico

[@AzucenaBautista-y5n]

Hola! Cómo puedo mostrar un mensaje automático antes de que el usuario cierre la ventana actual o cambie de ella. Gracias.

[@Joel-kr6ex]

gracias, me sacaste todas las dudas

[@alexpineda1720]

Muy buen tutorial Falcon, como siempre excelentes tus vídeos, ai puedes explicar la librería de chats.js te agradezco, saludos desde 🇨🇴

[@miguelferrarotti5076]

Solo tengo una duda porque no vi que lo muestres en el video. En texto del mensaje soporta una variable de php? Gracias

[@Browk_Moose]

GRACIAS! que gran video! :3

[@DixonRodriguez-r8c]

En lo personal me gusta personalizar mis cajas de confirmación, al principio Sweet era la mejor opción pero con el tiempo aprendes a crear tus elementos

[@josuejimenez5764]

Espero me puedan ayudar, estoy haciendo una página de banco como practica, tengo un formulario para hacer la transacción, quiero que cuando el usuario le de al botón de hacer transacción salga la alerta y le diga que su acción se está procesando y cuando termine la alerta ya haga la inserción de datos, no se si me explique

[@Bubafak]

Solo funciona como alertas? No puedo usarlo como confirm.? Porque queria cambiar el boton del confirm por "Si" y "No" en vez de aceptar o cancelar

[@reh.m3607]

He tenido muchos problemas el SweetAlert en mi caso lo estoy usando creando una etiqueta en mi codigo html y no entiendo porque solo me funcional el swal si lo coloco con s minuscula y sin el .fire de lo contrario no me muestra las alertas estoy usandolo igual que tu en el modo cpn

[@aa_9610]

Se que también puedes llamar también las alertas haciendo una instancia de la función swal() y dentro de los paréntesis puedes poner los parámetros como título, icono, texto, sin hacer el Swal.fire({}), saludos 😊

[@Jorxdandres22]

En cuanto al ultimo como hacer que solo se ponga una vez por persona que cargue, es decir que no aparezca la alerta cada vez que le den en recargar la pagina?

[@juanjoselive]

compañero, excelente tutorial, pero como llamo esa ventana emergente, quiero que se muestre cuando presione el boton de enviar del formulario contacto, gracias

[@goku24901]

Excelente video! Una pregunta podrías hacer un curso de java? No le entiendo muy bien y tu explicas bastante fluido

[@FalconMasters]

Hola muchas gracias Fernando, me encantaría pero no se programar en Java

[@goku24901]

@@FalconMasters vale, de todos modos muchas gracias por responder! Tus videos me ayudan mucho!

[@ElPitbullDigital]

Te recomiendo este curso, muy bueno. Curso Java desde cero #1 | Introducción e instalación de JDK

[@andreslopez-oc5hm]

Si quieres aprender Java ve al canal de geekipedia de Ernesto es 100% recomendable

[@albertolucero4863]

hola buenos dias ,tengo un problema ,sigo todos los pasos tengo todo igual ,estoy usando bootstrap pero no funciona se demora en cargar la pagina pero no aparece la alerta que podria ser ?

[@angerlukeTAC]

Hola, Falcon! Subí el archivo SweetAlert a una página web que hice y cuando la abro en el live server funciona pero cuando la publiqué ya no arranca. No sabes cual puede ser el problema?

[@melencinas1623]

GENIO, gracias!

[@gabrieloviedo5254]

te quiero mucho 😘😘😘😘😘😘😘😘

[@gabrieloviedo5254]

que guapo el chico que comento😍😍😍😍😍😍

[@lOREDER-my3hf]

Hola, una peque;a pregunta. Cual seria el procedimiento para obtener notificaciones push de otras paginas en mi html? O sea, tengo mi index.html y quiero recibir notificaciones de forma automatica, si necesidad de presionar un boton o hacer refresh en el html. Que entren los push al cambiar de estado la plataforma o un nuevo mensaje de correo... etc. Es posible algo asi con solo java script?

[@pablogarciajc]

Muchas Gracias.. de Lujo :D

[@cristiandavidencisogomez9448]

como hago si quiero que la alerta con el formulario aparezca mediante un evento y no se cargue automáticamente al iniciar la pagina??

[@brayangonzalez8211]

hola no se si sea posible hacer que cuando le des a aceptar al alert te mande a una pagina

[@robertocarlosbernalmorales3273]

una pregunta esta librería igual se puede usar para una aplicación de escritorio?

[@urtaav639]

Genial! Me gustaría que hicieras un video de como personalizar los select de bootstrap algo como que tengan un borde de otro color, un background del color que sea, etc avces es necesario cambiar los colores del framework

[@FalconMasters]

Tengo un video sobre select que te puede servir mucho. Te lo dejo: kzbin.info/www/bejne/b6u2XpV4lpmdbc0

[@urtaav639]

@@FalconMasters genial, justo lo que buscaba, te agradezco bro!!!

[@FalconMasters]

@@urtaav639 De nada

[@MarySuarezD]

millones de gracias

[@dayro1782]

Con esta librería puedo poner un mensaje que diga "¿desea agregar esta pagina al inicio de su teléfono?" y que la agregue en el móvil?

[@LeandroSchachner]

Hola! No hay forma de poner código css en el toast?

[@anaortigoza5635]

Hola! Una pregunta como insalaria la libreria con Flask? :(

[@tvexpressmexico]

Hola Tengo una duda, que pasa si lo que quiero es imprimir una variable que tengo en php, hay alguna forma para que aparezca dentro del recuadro de la alerta, asi lo tengo en el html, pero esto como lo paso a la alerta, trate con el html: "", pero no me imprime nada, me podrías orientar

[@nbjr3670]

Obrigado Mano. És sencacinal!!!

[@ryooxnaykry8489]

Hola como puedo hacer que la alerta no aparezca al cargar la página y que aparezca la alerta al tocar un botón.

[@miguelmendoza8855]

no hay manera de agregar el sweet alert directo en el proyecto sin depender de internet ?

[@elgatodiego]

Hola, una pregunta ... en el minuto 32:54 ... en agrear imagen a la alerta. ¿A esa imagen se le puede agregar una url que abra en una nueva ventana o en la misma? En la documentación no lo menciona GRACIAS

[@FalconMasters]

A esa imagen no. Pero puedes agregar una en la propiedad html, simplemente pones un enlace encerrando una imagen.

[@elgatodiego]

@@FalconMasters Gracias por tu respuesta. Puedes ver el ejemplo aplicado aca: acrip.co/diadelejecutivo/ SALUDOS

[@Hamburgerxx]

VEERRYYY GOODD BROOO !! RESPECT!! AND THANKS))

[@carlosandressanchez865]

Excelente vídeo, era lo que necesitaba para mi proyecto, seria muy bueno que hicieras un vídeo explicando la librería anime.js, esta librería permite muchas opciones en cuanto a animaciones con JavaScript.

[@minerva5718]

Que paso Esthela Martínez qué dice tu vida de sexo y perdición

[@rafalongo7]

hago todo exacto y no me funciona, no sale el alert mas simple de bienvenido. puse el cdn, puse el archivo js bien referenciado, hice el alert basico que se abre al actualizar, y nada.

[@danioerit2125]

Apenas te iba a pedir que hicieras algo asi :'3

[@LauraSan1507]

Necesito ayuda, en el botón de la alerta no tengo ni idea por que sale a medias, es decir, no sale completo el botón y se ve corto el texto, no sé como solucionarlo :( , y cómo se haría para que solo salga una vez y ya?

[@lRemoved]

Excelente titán 👍🏻👌🏻👏🏻

[@FalconMasters]

Gracias!

[@maxshoot2848]

bro cuando muestra la alerta mi pagina original se queda en blanco que puedo hacer?

[@DemiLexor]

Deberías hacer un video sobre que tecnologías aprender en el 2020

[@carlosandresefstratiadis]

Muy buena librería pero tengo una duda. Yo estoy haciendo un programa en el que una alerta de éstas pide una contraseña. Para eso usé async y await para que no se haga más nada hasta que el usuario ponga la contraseña. Sin embargo, también quiero que si el usuario tiene el bloq mayus activado se le avise eso. Es por eso que creé un worker y efectivamente sigue funcionando como antes e incluso apretando F12 veo que aparece el cartel en el DOM pero no entiendo cómo desde mi código script.js que le pongo una escucha a ese input no funciona. ¿Funciona esta librería en workers? ¿O mi código nativo no puede leer un elemento creado por el worker?

[@josuekaled18]

amigo el botom aceptar me sale abajo del texto, hablo el de terminos y condiciones

[@arturorodriguez3110]

muy pero MUY buen video

[@htmlcss9323]

Buenas tardes. me gustaría saber como poner un alert a mi pagina web unos minutos después de haber iniciado

[@melcar2497]

Genio me salvaste!!

[@FalconMasters]

Me alegra!

[@carlosyrigoyen1587]

consulta alguien sabe como poder hacer para poder mostrar un mensaje de varias lienas me explico(yo esoty usando sweetalert para la validacion de formularios, el tema que tengo es cuando tengo errores en mas de dos campos no me toma el para el salto de linea, y me muestra los errores uno al lado del otro )

[@ricardoalfonsozevallosguti2040]

Estimado Carlos Arturo, felicitaciones por el vídeo, muy interesante y bien explicados los puntos que tocaste. Quiero reemplazar el siguiente código con código de sweetalert2: btn.addEventListener("click", (e) => { if(!confirm("Are you sure you want to delete it?")) { e.preventDefault(); } }); Tengo una consulta: en el ejemplo 8, donde da la opción de confirmar o cancelar un DELETE ¿donde devuelve ese valor para pasárselo a mi programa, para que realice la acción respectiva?Te agradeceré me ayudes con ese código. Saludos y gracias por tu tiempo. Ricardo.

[@enriqueatala2567]

muchas gracias por tu video y explicación! una gran macro visual... te consulto, cómo haces para que en VS Code te autocomplete y muestre sugerencias cuando cambias dichas propiedades? Saludos

[@Giangbpro]

todo bonito, pero como puedo vincularlo al momento que agregue algún registro en php. o que me salga un mensaje de verificar al eliminar un registro. Porfavor un video de como implementar esto en un crud .

[@nathaliavalero4796]

Hola muchas gracias por tu video. Tengo una duda, descargue todos los codigos y ejecute la pagina con el primer archivo creado sweetAlert.js, tambien agregue los dos script (uno de sweetAlert2 y el otro de sweetAlert). Me sale el html y el css perfectamente pero no me sale la ventana emergente de sweetAlert.js. Estoy usando Visual Studio Code. De ante mano gracias

[@nathaliavalero4796]

tengo que tener instalado en mi computadora otra cosa aparte de el editor de texto para que me funcione? react, vue o angular??? es para una evaluación AYUDA

[@ReservaHorarios]

Que tal Falcon, tengo una consulta me podes indicar si puedo hacer un loader con spinner de carga? a la espera de tus comentarios

[@FalconMasters]

Hola, si claro, en teoría lo podrías hacer.

[@raulrey7237]

Hola, estuve buscando como enviar un texto a la alerta, por ejemplo pasarle el nombre de usuario para que me diga que el mismo esta duplicado en el caso de una acción de registro. Sabes si se puede? Por otro lado, debes crear un archivo .js para cada alerta? Saludos

[@compilationlab7008]

Alguine que me ayude ; No funcionan las alertas de sweet alert desde el servidor y si en localhost :(

[@sernon158]

Hola, hice todo como dice en el video y por alguna razon tengo que usar un en el mismo html en el que puse el de sweet alert. Ademas, todos los mensajes me aparecen con un fondo azul claro, de hecho incluso el boton de OK, y he seguido todo exactamente igual EDIT: Ya solucione la segunda cosa, tenia que ver con algo que puse en css

[@situniversal525]

Cómo llamas un alert alprecionar un botón? No quiero que se ejecute con actualización de página.

[@MXNUUUSH]

Hola Amigo, la verdad es que estoy siguiendo al pie de la letra el Tutorial, pero cuando pongo la alerta no me aparece. También revise si tenia mal escrito el archivo y la cdn pero aun asi no me funciona. Y si pruebo cualquier otro codigo de JavaScript, funciona perfectamente. Porfa ayúdame. Que sin eso no puedo continuar.

[@00bunnybunny]

igual yo no me aparece, pudiste hacer que funcione?

[@MXNUUUSH]

@@00bunnybunny no amiga, traté de leer la documentación y nada. Sería genial si me respondes cuando lo logres

[@eldergiron5862]

@@MXNUUUSH revisen el archivo sweetAlert.js debe ir Swal.fire la f en minuscula

[@desarrollandol4w3b7]

excelente video como siempre de excelente contenido..tengo una duda es posible utilizar estas notificaciones como para aviso algo asi como para "evitar" que el usuario no se salga de mi web?

[@FalconMasters]

Es posible pero el usuario va a poder salir tarde o temprano.

[@desarrollandol4w3b7]

@@FalconMasters claro es lógico; el ejem. que escribí fue ilustrativo para darme a entender gracias por contestar

[@williamcamilolozanocastane8567]

cómo le puedo meter sonido a la alerta?

[@jairocolon339]

Hola Teacher, excelente contenido como siempre impecable. Tengo una consulta: La alerta se inicializa desde la primera carga de la página, voy navegando por diferentes rutas y todo bien, pero cuando regreso a la página principal (home) de nuevo se activa la alerta, cuando ya yo había ingresado en este caso un nombre. ¿Cómo puedo hacer para que eso no suceda en el caso de que un usuario ingrese su nombre o en tu caso país? Gracias, Saludos 😎​😎​

[@robertolc15]

Alguien sabe si le puedo pasar un parametro de texto?, por ejemplo que el titulo que muestra sea la descripcion de un error.

[@INTERNAUTASx]

No entiendo dónde pegar el código