Excelente explicacion, lo hice a la par que miraba el video y me quedo perfecto, ahora tengo que intregarlo al proyecto que estoy realizando pero la forma de explicar esta muy buena. Muchas gracias!!🤟
Me encantó el tutorial, lo que si hubiese sido genial si tuvieras el codigo en tu repositorio github para no tener que estar pausando el video y copiando :D
Muchas, gracias me ha sido de gran ayuda y tu explicación es muy buena, tengo la duda de cómo hacerle si son varios botones y ca botón mostrará un ventana modal diferente.
buen video amigo muy bien explicado una pregunta si es que quisieras poner mas de 1 modal en la misma página , es posible hacerlo con el script que implementaste? SALUDOS!!😁
Amigo muy buen video pero mira que el atributo "transition: transform 1s;" no me funciona o no realiza el efecto de transicion esperado, de pronto sabes a que se debe? cada que le cambio el "tralateY(%)" no hace el afecto de transición de posición sino que cambia de golpe según el porcentaje que le ponga... buen video, muchas gracias, espero me puedas ayudar con la duda Saludos
Muy Bueno. Pero tengo entendido que una de las caracteristicas fundamentales de las ventanas modales es que no cierran cuando se les hace clic fuera de los limites de esta. ¿Como poder activar ese efecto?
hola alex muy bueno el curso este, yo lo hice al pie de la letra solo que no me funciono, debo creer que me falta extenciones en el visual estudio por que en la consola me saltaba como error o no compatible algunas cosas y por eso no funciono bueno saludos
Hola Alex, increíbles videos muchas gracias. Oye tengo una duda y espero me la puedas responder. En el minuto 14:53 hablas sobre la posición [0] en las querys. En mi caso, tengo varios videos en la misma sección y quiero utilizar las V. modales para que al dar click sobre cada boton aparezca la ventana modal con su respectivo video. Sí cambio el numero de la posición .queryselectorAll(".close") [0 o 1 o 2 o 3...]selecciono otros botones y se activan correctamente, pero quiero que la acción este disponible para todos y que al dar click pase con todos la acción y no con un sólo selector []. ¿Como le puedo hacer ? Muchas gracias y espero tu respuesta
@@AlexCGDesign ok. muchas gracias. lo voy a seguir intentando , tengo noción de como acomodar el ForEach aunque no logro entender ahorita como ponerlo, pero muchas gracias por tu respuesta Alex. y me pregunto si tienes en tus cursos en linea temas como este , más avanzados. Me quiero inscribir porque la verdad explicas muy bien .
Alex, quería hacerte una pregunta antes que haya muchos comentarios, quiero crear varias pagina webs, unas tipo red social y otras mas adelante como tienda en linea (Como practica), tengo mas o menos una idea de que lenguajes que se necesita, mi duda, como lo puedo adaptar a un dispositivo movil, se que con el resnponsive y el implementar el PWA, pero, al hacer la APK en java que lenguajes se implementan ahi, (por ejemplo amazon, walmart y facebook) no se si me di a entender, saludos
Me refiero a la coneccion a diferentes entornos y lenguajes (Uno Web y otro APK), ya que uno es Web (Java Script, Angular, PHP, etc) y otro es Java para el android
gracias bien entendido, un like, como se podria presentar un "modal fade" centrado en la panatlla, uso un y llamo atraves de una funcion asi: $("#msg").modal('show'); existe un parametro mas que haga que se muestre centrado, es cuestion de presentacion.
¿Alguien sabe porque mi VSC no aplica el CSS o Js? Agradecería muchísimo si a alguien le sucede y logro resolver ese mismo problema, de antemano ¡Gracia!
La intensión es buena, pero aunque funciona el Modal, el procedimiento y la explicación es desastroza; yo de tí lo bajaría, lo volvería a hacer y lo subiría de nuevo; a estas alturas, más de año y medio después ya debes haberte pulido bastante; ánimo!
![Como CREAR una ventana MODAL ✅ [ HTML CSS Y JavaScript ]](http://i.ytimg.com/vi/Iaw9rFopXPY/mqdefault.jpg)
![Como CREAR una ventana MODAL ✅ [ HTML CSS Y JavaScript ]](/img/tr.png)
Excelente explicacion, lo hice a la par que miraba el video y me quedo perfecto, ahora tengo que intregarlo al proyecto que estoy realizando pero la forma de explicar esta muy buena. Muchas gracias!!🤟
👨💻 Aprende animaciones CSS, Flexbox [Practicas reales]:
www.udemy.com/course/curso-diseno-web-avanzado-html5-css3-js/
Muchas gracias, te hiciste entender muy bien, lo hiciste ver descomplicado y claro. ^^
Gracias por la información y la clara explicación. Saludos desde Perú
Gracias. Saludos
me gustaria ver un curso tuyo de javascript tu explicas las cosas bien
Exelente muy bueno, mejor imposible, simplemete gracias
Me encantó el tutorial, lo que si hubiese sido genial si tuvieras el codigo en tu repositorio github para no tener que estar pausando el video y copiando :D
Bien, si copeas nunca aprenderas ha crearlos sin embargo lo haces para salir del paso pues te entiendo
Muchas, gracias me ha sido de gran ayuda y tu explicación es muy buena, tengo la duda de cómo hacerle si son varios botones y ca botón mostrará un ventana modal diferente.
Gracias por compartir. Una pregunta? El curso de javascript de tu canal sólo consta de 8 vídeos?
Que buen material. Sigue compartiendo este tipo de tutos crack!!
amigo eres un crack he aprendido mucho de ti y me has salvado el cuello
Gracias me sirvio mucho el tutorial, un abrazo
en vez de usar opcity y visbility, usen z-index y para que no se vaya de golpe el modal agreguenle transition a la clase modal y al modal-container
Gracias por el aporte amigo:)
yo intente z-index y no me sirvio del todo bueno mas bien nada. jajajja Igual y depende del caso . Así como lo explica Alex esta fantástico.
sencillo, bien explicado y funcional, muchas gracias!!
Muchas gracias, todo bien explicado y conocimiento en todos lados.
Hace poco ví que Google da menos prioridad a las páginas que tienen una ventana modal al ingresar en la página. :s De todas maneras, buen tutorial.
Segun depende de como las utilices.
Usa modales solo en paginas específicas del sitio web.
Muchas gracias fue bastante sencillo y excelente explicación crack!!!!!
hola Alex se pueden hacer variasventanas modales? por favor y gracias
y sigo aprendiendo gracias a tiii eres el mejor
bro, está genial. Gracias por este aporte
buen video amigo
muy bien explicado
una pregunta si es que quisieras poner mas de 1 modal en la misma página , es posible hacerlo con el script que implementaste?
SALUDOS!!😁
Excelente videoooooooooo
Amigo muy buen video pero mira que el atributo "transition: transform 1s;" no me funciona o no realiza el efecto de transicion esperado, de pronto sabes a que se debe? cada que le cambio el "tralateY(%)" no hace el afecto de transición de posición sino que cambia de golpe según el porcentaje que le ponga... buen video, muchas gracias, espero me puedas ayudar con la duda
Saludos
Me sucede lo mismo, no me aplica el efecto de transition
Muchas gracias carnal
Muy buena explicación!! Me encanto
Muy buen video.
@alexcgdesign podrías hacer un modal que aparezca cuando se cumpla alguna condición?
me funciono bien regio gracias
Muy Bueno. Pero tengo entendido que una de las caracteristicas fundamentales de las ventanas modales es que no cierran cuando se les hace clic fuera de los limites de esta. ¿Como poder activar ese efecto?
hola alex muy bueno el curso este, yo lo hice al pie de la letra solo que no me funciono, debo creer que me falta extenciones en el visual estudio por que en la consola me saltaba como error o no compatible algunas cosas y por eso no funciono bueno saludos
Hola Alex, increíbles videos muchas gracias. Oye tengo una duda y espero me la puedas responder.
En el minuto 14:53 hablas sobre la posición [0] en las querys. En mi caso, tengo varios videos en la misma sección y quiero utilizar las V. modales para que al dar click sobre cada boton aparezca la ventana modal con su respectivo video. Sí cambio el numero de la posición .queryselectorAll(".close") [0 o 1 o 2 o 3...]selecciono otros botones y se activan correctamente, pero quiero que la acción este disponible para todos y que al dar click pase con todos la acción y no con un sólo selector []. ¿Como le puedo hacer ?
Muchas gracias y espero tu respuesta
Hola Rocío, podrías utilizar un forEach para recorrerlos
@@AlexCGDesign ok. muchas gracias. lo voy a seguir intentando , tengo noción de como acomodar el ForEach aunque no logro entender ahorita como ponerlo, pero muchas gracias por tu respuesta Alex. y me pregunto si tienes en tus cursos en linea temas como este , más avanzados. Me quiero inscribir porque la verdad explicas muy bien .
esto aplica para apps de telefono?
Nos puedes recomendar una sección de vídeos dónde podamos crear todo pasos por pasos?
Cómo?
Es que como tienes tantos vídeos no se por cual empezar jjj
Y una pregunta, eres solo front o también sabes de black
¿Como puedo obtener toda la programación? Para poder entender cada parte del proceso
Alex, quería hacerte una pregunta antes que haya muchos comentarios, quiero crear varias pagina webs, unas tipo red social y otras mas adelante como tienda en linea (Como practica), tengo mas o menos una idea de que lenguajes que se necesita, mi duda, como lo puedo adaptar a un dispositivo movil, se que con el resnponsive y el implementar el PWA, pero, al hacer la APK en java que lenguajes se implementan ahi, (por ejemplo amazon, walmart y facebook) no se si me di a entender, saludos
Me refiero a la coneccion a diferentes entornos y lenguajes (Uno Web y otro APK), ya que uno es Web (Java Script, Angular, PHP, etc) y otro es Java para el android
@@jesus-js2579 moriste ignorado :C, yo que quería copiar el código :V
Amigo quisiera ponerme en contacto con usted..
Hola Andrés, estoy como
hola@alexcgdesign.com
Hola. ¿Cómo poder hacer que se cierre solo dando click fuera de la ventana?
¿Esto se funciona si tengo varios botones para sacar diferente ventanas Modal?
Hola Hugo, me pasa lo mismo . lograste resolverlo ? ,,, te lo agradeceria si me das una mano con eso. Estoy atorada. jajaja gracias
gracias bien entendido, un like, como se podria presentar un "modal fade" centrado en la panatlla, uso un y llamo atraves de una funcion asi: $("#msg").modal('show'); existe un parametro mas que haga que se muestre centrado, es cuestion de presentacion.
¿Cómo anclo la imagen?
no me va el archivo .js
¿Alguien sabe porque mi VSC no aplica el CSS o Js? Agradecería muchísimo si a alguien le sucede y logro resolver ese mismo problema, de antemano ¡Gracia!
como se hace para que la ventana aparesca sin apretar ningun enlace eso porfvr.
Pon un evento de tippo "load" y cuando cargue que aparezca
muy bueno, aunque explicas un poco rapido XD
cual es el link para undraw?
undraw.co/illustrations
aqui esta.
Como le hago tener múltiples ventas estoy hablando de unas 8 más o menos
La intensión es buena, pero aunque funciona el Modal, el procedimiento y la explicación es desastroza; yo de tí lo bajaría, lo volvería a hacer y lo subiría de nuevo; a estas alturas, más de año y medio después ya debes haberte pulido bastante; ánimo!
20 minutos de video y 6 anuncios!!!