Te pasaste bro, he visto muchos videos tuyos. Más allá de que tus conocimientos son amplios, tú capacidad pedagógica y tú expresión verbal en los videos es realmente motivante y divertida. En resumen, muchas gracias
Estaba navegando por youtube triste porque no tenía explicación de los eventos, y encontré este video que me volvió el alma al cuerpo, excelente Tutorial
Muchas gracias profe usted explica de manera muy clara y con estusiasmo! Gracias a eso pude agregar no solo el otro botón sino agregar un botón de reset que cumpla la función de que al momento de hacer clic en el botón Reset el contador regrese a 0. Comparto el código a quien interese: hay que crear primero la variable reset, o como la quieran llamar. const Reset = document.querySelector('.btn-reset'); y luego el resto: reset.addEventListener("click", () => { contador = 0 span.textContent = contador; })
Diossss tiene a sus elegidos, y esos elegidos son todos los que llegamos a este video. En pocos días el profesor tocara este tema y me siento preparado para dar mis primeros pasos con el manejo del DOM🤩🤩
¡Me hiciste entender todo lo que no podía entender desde hace días! En serio, me estaba volviendo loca porque no podía hacer funcionar nada, hasta que encontré tu video. Mil gracias!!!
Porque esto no lo ve mas gente, esta increíble mejore muchísimo en el manejo del Dom, ahora me falta manejar mejor el CSS con bootstrap y otros. Poco a poco he podido ir haciendo paginas de ejemplo y intentando subirlas en github pages y vercel.
Te felicito por tu forma de enseñar, me encanta aprender con tu voz de fondo, tienes mucho dinamismo para este tipo de contenido que suele ser mas complejo!! Gracias por los videos!! No te detengas porque de verdad que se comprende muy bien tu explicación! Saludos!
Tu forma de explicar es simplemente buena. Ando aprendiendo JS y apenas llevo 1 mes y he aprendido "Mucho" en este mes de JS, pero aun no he llegado a estos temas, pero busque info sobre lo de addEventListener ya que habia visto eso es algunos proyectos de otras personas y no entendia bien para que servia y como funcionaba, pero con este video lo entendi de una vez y me di cuenta que se usan cosas y conceptops que ya conozco. Esotoy esperando con ganas llegar ya a este tema para poder hacer uso de el
Que grandes que explicas Ignacio Felicitaciones !!! Si llegas a leer este comentario te consulto si tienes en udemy algun curso completo actualizado de Desarrollo Full Stack con Javascript para el BackEnd + FrontEnd + MySql ? Saludos
Hola. Genial contenido, te estoy viendo por primera vez. Eres muy bueno explicando. ¿Este curso continuará ? O llego a su fin? Lanzaras un curso completo de Js? Saludos 🫂
Gracias por tus videos, tengo una duda cuando se recarga la página o te diriges a una pestaña nueva el valor de contados se pierde, como puedo mantener el valor del evento click aunque se recargue la página?
En el apartado de StopPropagation primera parte, colocaste e.stopPropagation dentro del container pero yo tuve que colocar dentro de cada if. para que me funcione si se coloca dentro del container no me reconoce click en container solo en los botones.
y si quiero que se active con todos los que tengan la misma clase/id/elemento? tengo una pagina que tiene varios div con injectados con elementos con el mismo nombre y quiero que activen la misma funcion pero solo pasa lo que dijiste uno solo es el que lo activa
Hola , en ves de usar una clase yo lo estoy haciendo con un id pero no fucniona como en el video , (event.target.id = 'aumentar') cuando hago el primer if ambos botones se activan y aumentan(algo raro), luego cuando hago el segundo if ,ninguno de los botones responde :/ por que sucede eso ? los id no los deberia usar de esa manera ??
Tengo dos preguntas, si sos tan amable por favor 1- yo hice el javascript en un archivo separado y lo vincule al html con la etiqueta . Pero no funciono, me saltaba error, hice un console.log(btnAumentar) para ver el contenido del boton, y el mismo salia "nul". Luego lo hice como vos en el video, hice el sript dentro del html, sin modificar nada, solo copie y pegue el codigo que ya habia escrito del archivo separado, y magicamente funciono, por que? 2- si a los botones les estamos poniendo de clase "btn btn-info" y "btn btn-danger", ¿Por que en querySelector solo ponermos btn-info y btn-danger? ¿Por que nos salteamos el primer btn? ¿cumple alguna funcion especial? Gracias de antemano
Hola, si es con delegación sería if(e.target.id === 'idCorrespondiente') Espero orientar. Por otro lado utilizo clases porque los id no se pueden repetir. Espero orientar. Saludos!
Hola, les comparto como hice el botón de disminuir, me gustaría que, respondieran para ver más formas de hacerlo. const btn_1 = document.querySelector('.btn-aumentar'); const btn_2 = document.querySelector('.btn-disminuir'); const span = document.querySelector('span'); let contador = 0; btn_1.addEventListener('click' , () => {
pues me encantaria saber como consigues que ver el listado completo de eventos th-cam.com/video/wp48fCSv-ow/w-d-xo.html a mi firefox solo me muestra 'evento: {"isTrusted":true}' y solo si lo pido con JSON.stringify(e), pero si no lo pido asi me sale que es un objeto.
".target" basicamente indica a lo que le estas haciendo foco, en este caso a lo que le estas haciendo click, y "e" es la representación de un evento que puedes hacer, en el caso de este video se hizo con el mouse, por eso que el console.log(e) lo que te imprimió, fue todos las acciones que puedes con el mouseEvent
![Async & Await en Javascript con Fetch y Axios [Español]](/img/n.gif)
Este pana es un crack, para mi la mejor explicacion de AddEventListener lo entendi perfectamente, Un grande Bluuweb!
Saludos Hernán!
Te pasaste bro, he visto muchos videos tuyos. Más allá de que tus conocimientos son amplios, tú capacidad pedagógica y tú expresión verbal en los videos es realmente motivante y divertida. En resumen, muchas gracias
Muchas gracias 😍
Eres de los pocos que siento que le entiendo muy muy bien, gracias por estos cursos tan útiles un abrazo hermano
Muchas gracias 🤙🏽🤙🏽🤙🏽
@@bluuweb
Estaba navegando por youtube triste porque no tenía explicación de los eventos, y encontré este video que me volvió el alma al cuerpo, excelente Tutorial
Excelentes videos y muy explicativos, se entiende todo, prácticamente no hay necesidad de volver a ver el video👏🏼👏🏼👏🏼
Gracias Sensei!! 😁
Muchas gracias profe usted explica de manera muy clara y con estusiasmo! Gracias a eso pude agregar no solo el otro botón sino agregar un botón de reset que cumpla la función de que al momento de hacer clic en el botón Reset el contador regrese a 0.
Comparto el código a quien interese:
hay que crear primero la variable reset, o como la quieran llamar.
const Reset = document.querySelector('.btn-reset');
y luego el resto:
reset.addEventListener("click", () => {
contador = 0
span.textContent = contador;
})
Diossss tiene a sus elegidos, y esos elegidos son todos los que llegamos a este video. En pocos días el profesor tocara este tema y me siento preparado para dar mis primeros pasos con el manejo del DOM🤩🤩
Mejor explicado el curso... imposible!!! Felicitaciones!!!
🤩🤩🤩🤩
me asusto la música al final 😆, he aprendido bastante viendo tus videos, los he visto en orden y se agradece mucho como lo explicas.👏👏
Me encanto la clase, te pasaste!!! muchas gracias!!!! un enorme abrazo, si ti yo creo que ya hubiera desistido de aprender a programar :`)
¡Me hiciste entender todo lo que no podía entender desde hace días! En serio, me estaba volviendo loca porque no podía hacer funcionar nada, hasta que encontré tu video. Mil gracias!!!
Te quiero mi loco. Gracias por ser tan crack
vine buscando plata y encontré oro :D, fueron muy buenos estos cursos, felicitaciones hermano, sigue así
MAGIA!!!!!🧙♂🪄
thank for you Ignacio .....from Colombia estuvo BRUTAL! como usted dice.
gracias amigo te quiero mucho, se siente la pasion por lo q haces y por enseñarlo
Te mereces el comentario en cada video. genial explicación!
Excelentes aportaciones, gracias el tiempo que dedicas. Saludos desde México
Muchas gracias Jose!! 🙌
Porque esto no lo ve mas gente, esta increíble mejore muchísimo en el manejo del Dom, ahora me falta manejar mejor el CSS con bootstrap y otros.
Poco a poco he podido ir haciendo paginas de ejemplo y intentando subirlas en github pages y vercel.
Amigo que excelentes tus enseñanzas en verdad aprendi, lo explicas algo que me parecía complejo .. sinembargo lo hiciste tan sencillo
Te felicito por tu forma de enseñar, me encanta aprender con tu voz de fondo, tienes mucho dinamismo para este tipo de contenido que suele ser mas complejo!! Gracias por los videos!! No te detengas porque de verdad que se comprende muy bien tu explicación! Saludos!
Excelente, ahora si siento que estoy aprendiendo !!! Saludos crack MessIgnacio
Tu forma de explicar es simplemente buena. Ando aprendiendo JS y apenas llevo 1 mes y he aprendido "Mucho" en este mes de JS, pero aun no he llegado a estos temas, pero busque info sobre lo de addEventListener ya que habia visto eso es algunos proyectos de otras personas y no entendia bien para que servia y como funcionaba, pero con este video lo entendi de una vez y me di cuenta que se usan cosas y conceptops que ya conozco. Esotoy esperando con ganas llegar ya a este tema para poder hacer uso de el
Hay que ser bien canalla para darle no me gusta a este tremendo video por la chucha.
Gracias don Blu .
Buenisima explicación, queda claro y entendido. Ahora aplicarlo en un proyecto personal. Te agradezco y sigue con el excelente trabajo.
Geniooo....muy bien explicas!!! Sdos.
Gracias, trabajaré estos días para subir nuevos vídeos 🤙🏽 saludos
Amo como explicas 😃
Entendí muy bien , nueva suscriptora 😎
¡ Qué crack para explicar !, máquina, gracias
Ojala hubiera profesores asi en los Grados! MIL GRACIAs!
Gracias por tus clases y guias!
eres el mejor, bro... graciaaaas :3
Genial video, explicas muy bien :D
Muchas gracias 🤩
Excelente, Muchas Gracias.
Muchas gracias por tu contenido, por mi parte me cuesta un poco JS, pero con tus tutoriales + la documentación de MDN me va mejor.
Saludos!!
en lo particular JS se me hacia un poco complicado pero la forma en que explicas lo haces ver bastante sencillo
Muy buen curso.
Excelente contenido!! gracias por el video
Muy bueno, muy claro, muy práctico
Muy buena Explicacion!!! muchas gracias
muuuuy bueno ! gracias !
este curso del DOM es buenísimo!, me encanta :D :D :D :D :D:D
Muy buena explicacion, muchas gracias
excelente nuevo suscriptor
Muy claro todo! Gracias
Gracias amigo. Me ha venido bien
excelente! gracias!!
mis saludos cordiales y CAFE para el sensei
Excelente curso! gran explicación :D
Gracias!
Que lastima que no lo seguiste subiendo! Muy pero muy buena tu manera de explicar
Muy buen Curso de DOM...
Excelente.. muchas gracias
Que grandes que explicas Ignacio Felicitaciones !!! Si llegas a leer este comentario te consulto si tienes en udemy algun curso completo actualizado de Desarrollo Full Stack con Javascript para el BackEnd + FrontEnd + MySql ? Saludos
increible :D
Hola. Genial contenido, te estoy viendo por primera vez. Eres muy bueno explicando. ¿Este curso continuará ? O llego a su fin? Lanzaras un curso completo de Js? Saludos 🫂
Gracias por tus videos, tengo una duda cuando se recarga la página o te diriges a una pestaña nueva el valor de contados se pierde, como puedo mantener el valor del evento click aunque se recargue la página?
Excelente video, quería preguntarte cuál es el tema que usas, en el video DOM#1 dijiste que el Material Theme, pero descargue ese y es algo diferente
En el apartado de StopPropagation primera parte, colocaste e.stopPropagation dentro del container pero yo tuve que colocar dentro de cada if. para que me funcione si se coloca dentro del container no me reconoce click en container solo en los botones.
y si quiero que se active con todos los que tengan la misma clase/id/elemento? tengo una pagina que tiene varios div con injectados con elementos con el mismo nombre y quiero que activen la misma funcion pero solo pasa lo que dijiste uno solo es el que lo activa
Hola , en ves de usar una clase yo lo estoy haciendo con un id pero no fucniona como en el video , (event.target.id = 'aumentar') cuando hago el primer if ambos botones se activan y aumentan(algo raro), luego cuando hago el segundo if ,ninguno de los botones responde :/ por que sucede eso ? los id no los deberia usar de esa manera ??
tengo una consulta, si agrego un li con un boton pero necesito que el id del li nuevo aumente como seria?
Disculpen mi ignorancia como puedo ver los resultados de la consola hay q instalar algún plugin al visual studio
Se puede regresar el valor de un addeventlistener a una variables fuera de la función?
Tengo dos preguntas, si sos tan amable por favor
1- yo hice el javascript en un archivo separado y lo vincule al html con la etiqueta . Pero no funciono, me saltaba error, hice un console.log(btnAumentar) para ver el contenido del boton, y el mismo salia "nul".
Luego lo hice como vos en el video, hice el sript dentro del html, sin modificar nada, solo copie y pegue el codigo que ya habia escrito del archivo separado, y magicamente funciono, por que?
2- si a los botones les estamos poniendo de clase "btn btn-info" y "btn btn-danger", ¿Por que en querySelector solo ponermos btn-info y btn-danger? ¿Por que nos salteamos el primer btn? ¿cumple alguna funcion especial?
Gracias de antemano
Gracias Ignacio, una pregunta, si en vez de acceder al classList quisiera acceder a un id
¿que metodo habria? saludos desde colombia.
Y otra cosita por si lees esto Ignacio, ¿por qué usas las clases en vez de IDs? para dejar las clases para CSS y los IDs para JS.
Hola, si es con delegación sería if(e.target.id === 'idCorrespondiente') Espero orientar. Por otro lado utilizo clases porque los id no se pueden repetir. Espero orientar. Saludos!
@@bluuweb gracias Ignacio, todo perfectamente entendido ¿seguirás subiendo a esta lista de reproducción los demás videos?
Me sale "Pointer Event" en ves de "Mouse Event", porque pasa esto?
I am a happy man.
la (e) que rol cumple, si cambio a otra letra lanza error, si la e se pasa como parametro que esta pasando ya me confundi jaja
me demoré casi una hora para hacer que disminuyera el contador para luego ver que lo hacías de una manera tan fácil
Con razón salen las paginas emergentes de "hay una chica madura a 2 km de ti" cuando hago clic en paginas de dudosa procedencia jaja
Eres chileno?
Así dicen jajaja saludos
Hola, les comparto como hice el botón de disminuir, me gustaría que, respondieran para ver más formas de hacerlo.
const btn_1 = document.querySelector('.btn-aumentar');
const btn_2 = document.querySelector('.btn-disminuir');
const span = document.querySelector('span');
let contador = 0;
btn_1.addEventListener('click' , () => {
span.textContent = contador;
contador++;
});
btn_2.addEventListener('click' , () => {
const restaContador = (contador += - 1);
span.textContent = restaContador;
});
Han desaparecido los vídeos 7,8 y 9 ;(
pues me encantaria saber como consigues que ver el listado completo de eventos
th-cam.com/video/wp48fCSv-ow/w-d-xo.html
a mi firefox solo me muestra 'evento: {"isTrusted":true}' y solo si lo pido con JSON.stringify(e), pero si no lo pido asi me sale que es un objeto.
chicos alguien em puede dar mas contexto de que hace el .target y en que consiste pasar ese paremetro e gracias
".target" basicamente indica a lo que le estas haciendo foco, en este caso a lo que le estas haciendo click, y "e" es la representación de un evento que puedes hacer, en el caso de este video se hizo con el mouse, por eso que el console.log(e) lo que te imprimió, fue todos las acciones que puedes con el mouseEvent
Solo hasta el 6 T_T
parse estoy en vallenar quiero ser su discipulo
mm complicas el video al meter bootstrap fuerza a aprender algo de bootstrap
wow!!! que fue eso brujeria,no es bootstrap.
Qué tutorial!!! esta genial.....gracias