Cada vez que Jon finaliza un vídeo diciendo: "por favor, si crees que este contenido aporta valor..." Me digo a mi misma: esto es oro puro jajaja! Gracias profe!
El Enter... el keycode es el número 30. Voy a probar... Y como ven, el keycode es el número 13. Genial. A parte de eso, grandísimo trabajo. Me está siendo de mucha ayuda.
Yo de nuevo, GRACIAS JONN!!! es que agradecer es lo mas que puedo hacer por ahora, mi pasar economico no es muy bueno, espero poder salir a flote y donar!
En mi ejercicio creé los atajos con "Ctrl" + (otra tecla). Para evitar el comportamiento por defecto, por ej cuando apretamos Ctrl + a selecciona todo el texto, lo hice con el método e.preventDefault(). Así solo mandaba un alert sin seleccionar el texto.
Gracias por tus cursos, son excelentes. Conforme avancé en cada uno de tus vídeos me agradó javascript, ya lo aplicó en algunos proyectos que estoy haciendo con otros lenguajes de progrmación. He recomendado tu curso a muchos.
Tuve que cambiarlo a ctrlKey porque al usar el alt del teclado me cambiaba el valor de la "a" en el teclado por una "å" y la validación no se cumplia. Muchas gracias Jon por este curso, eres un referente en la formación autodidacta.
ADMITO QUE MIS PEFERIDOS SON VICTOR ROBLES Y FERNANDO HERRERA DE UDEMY....PERO AL VER TUS VIDEOS JONATAN MIRCHA....SIMPLEMENTE ESTAS EN OTRO NIVEL, SOS INCREIBLE!!!
Tus clases, independientemente si son secciones cortas o largas, tienen el plus de tu personalidad y esta lo engrampa a uno de inmediato. Gracias por compartir tu conocimiento, bendiciones!!! 🧙♂️🧙♂️🧙♂️
De los mejores cursos que he tenido la suerte de ver, hay muy poco material que hable y toque sobre el evento touch que se emplea en tables y dispositivos móviles como los slideshows dandole un toque muy agradable y facil de usar, podrias tambien tocarlo en tu curso con ejemplos practicos, seria un tremendo aporte para todos aquellos amantes de este arte, desde ya graciaa por todo el esfuerzo que aplicas en este material invaluable
En Ópera no se pueden hacer comandos con la tecla alt porque abre el menú del navegador y tal parece que no hay forma de quitar ese atajo. En Edge Anaheim tampoco permite utilizar la tecla alt por alguna razón.
El Mejor Curso de JavaScript En UA-cam MIL GRACIAS POR TUS ENSENANZAS; pdata: (Mi Teclado esta en ingles y en linux fedora no se como configurar el teclado, pero si se que se escribe con enie :D )
Hola Jon, excelente video como siempre. Tengo una pregunta sobre lo dicho en el minuto 3:30 'Acá no se hace delegación de eventos porque realmente la detección de los eventos del teclado debe asignarse al nodo raíz, en este caso el document', no lo entendí muy bien porqué no se pone la función dentro del d.addEventListener('DOMContentLoaded', (event) => {}) y en cambio se crea un nuevo d.addEventListener('keydown', event => {});
Gracias Jon sos un genio!! Por fin siento que realmente estoy aprendiendo. Cuando termine con tu curso de javaScript, por cual de tus cursos me recomendas seguir? Mira que vi cursos en youtube, hice uno pago tambien en una plataforma. Pero recien ahora y a mis 31 años le voy encontrando el gustito a esto. Se puede gente, se puede! Te admiro por lo didactico que sos jon!
Excelente explicación! Nota: Cada vez que probaba una combinación con la tecla Control, se activaba algún atajo de teclado de Chrome de inmediato decía "haaaay ahora que hice?" 😅😅
Hola Jon, tu info es la gloria, algo que me estuvo pasando es que la propiedad ctrlkey altkey shiftkey aunque las apriete me tiraba falso. Alguna ayuda con eso?
Como siempre excelente Jon..una pregunta,como sabes yo no me dedico a la web , me gusta aprender, osea mi nombre de usurio vegaimagen es solo nombre jeje..Yo aprendi de ti desde bextlan la organizacion de codigo alfabeticamente para hacer una web sobretodo en css .. viendo tus videos de js y se que lo haces para hacerlo mas entendible para nosotros abres diferentes files y le haces import...si yo quiziera hacer una web con muchos eventos de js que recomiendas ..hacerlo en un solo file de js o abrir varios para cada evento/.Gracias y saludos
Estoy con estos ejercicios de eventos de teclado y por lo que leo en la documentación de MDN veo que dicen que la propiedad .keyCode esta en desuso. Entiendo que quizás para este ejercicio la podría utilizar igual, pero me recomiendas mejor utilizar la propiedad .key para saber que tecla se ha pulsado o cuál sería mejor? Pronto te paso mis ejercicios cuando los termine. Un saludo, muchas gracias.
Hola Jon disculpa una duda que me esta rompiendo la cabeza en las alertas si me funciona con || pero si lo hago con && no hace nada que puede ser :/ ? y muchas gracias de antemano
Desde los ejercicios de programación me quede con los if de una linea😅 if (e.key === "a" && e.altKey) alert("Haz lanzado un alert mediante un shorkut");
Cual herramiento uso para realizar la aplicacion jonmircha para pc. Es tambien para Android, Apple?. Es una adaptación de la pagina de Internet?. Tiene algún curso de como realizar estas aplicaciones. Espero su respuesta. Gracias.
profe jon keydown y keypress se comportan igual, la dejo presionada y se ejecuta el evento varias veces hasta que suelte la tecla, tal vez, digo yo, cambie en la velocidad de ejecución, me confirma si es así o me puede aclarar eso
@@jonmircha pero si yo dejo presionado teniendo keydown sigue ejecutandose indefinadamente, o se en java si hay esa diferencia en dejar presionado y presionar pero aqui yo lo probe con ambos y hacen lo mismo
@@jonmircha aunque tambien es verdad primero tendria que hacerlo funcionar en navegador y me preocupo luego como llevarlo fuera, excelente vere como hacerlo gracias
Se me fue el video muy rapido y no es por reproducirlo a 1.25 xd sino porque es muy ameno entender todo contigo Jon :D, no sabìa que los shortcuts son tan faciles xddddddddd
me hago un lio con las carpetas... Donde esta dom-ejercicios.html. En la carpeta .vscode? Es que llevo varios videos con problemas, ya que copio el codigo, que a mi no me enlazaba. Lo copio de gente que da sus codigos, y asi pasa que sus codigos no son exactos a los tuyos. Echo de menos tus ficheros originales con las carpetas bien estructuradas. Pierdo mas tiempo en entender los enlaces... y bueno, si tienes los orinales seria ideal
Hay algo que no entendí, ¿cuando usamos delegación, los eventos se escriben dentro del DOMContentLoaded para hacer el `matches()` una vez carguen todos los archivos?... ¿o cuál es la explicación?, Por un momento pensé que todos los eventos se debían asignar dentro del DOMContenLoaded.
La delegación no esta asociada al DOMCOntentLoaded, este es un evento más como click, como mouseout, como keyup, etc... La delegación significa asignar el evento a un elemento padre en este caso al objeto document
@@jonmircha eso responde una de mis inquietudes, y la otra es cuál es la diferencia entre ejecutar los eventos dentro y fuera del DOMContentLoaded. Ya que los de click los pusiste dentro y los de key fuera.
@@NonsenseIsOver Tenia la misma duda y empece a buscar en los comentarios, aunq llegue dos años tarde creo que es porque en las funciones anteriores estamos usando elementos de HTML para trabajar es decir, para que todo funcione bien debemos asegurarnos que el DOM este cargado, en el caso del modulo "teclado" no es necesario por la forma en que hace el codigo.
A mi no me funciono Jon, cuando presiono shft, alt o ctrl actúa en el navegador y no en la pagina en si, busque para deshabilitarlo o algo pero no conseguí nada, por lo demas siempre excelentes tus videos gracias por tanto
@@MaxielJohannaCamargoGomez revisa que tengas live, serve, que importes bien el modulo, que sea "keydown" en la parte del javascript de dom, donde pones la escucha de la acción a mi no respondía y era porque tenia "keypress", otra cosa que me pasaba es que abria mi pagina y de una presionaba, tienes que asegurarte de darle un click al dom tu misma y luego hacer la combinación que elegiste; si no haces un click en el dom antes no te va a funcionar, son los errores que tuve, te lo comparto; por si acaso son los mismos.
Hice el shortCut con alt + a y me salió esto: Error in event handler: TypeError: Cannot read properties of undefined (reading 'videoWidth') at chrome-extension://mcgbeeipkmelnpldkobichboakdfaeon/content/content.js:512:23 ¿Alguién me podría decir el por qué? creí que había escrito mal el código pero no, solo cambié la letra a por la q y yano hubo problema. Qué alguien me explique por favor.
Cada vez que Jon finaliza un vídeo diciendo: "por favor, si crees que este contenido aporta valor..." Me digo a mi misma: esto es oro puro jajaja! Gracias profe!
🙈😉🙌🏻
El Enter... el keycode es el número 30.
Voy a probar...
Y como ven, el keycode es el número 13.
Genial.
A parte de eso, grandísimo trabajo. Me está siendo de mucha ayuda.
;)
Jajajaja
jajajaja sii
8:00 :v de nada xdxd
Cada clase que avanzamos veo a JS como algo más hermoso, muchas gracias.
😉👋🏻
Muy bueno Jon. Espectacular. Gracias.
Me están encantando estos ejercicios!!!💕
Excelente!👋🏻😉
Yo de nuevo, GRACIAS JONN!!! es que agradecer es lo mas que puedo hacer por ahora, mi pasar economico no es muy bueno, espero poder salir a flote y donar!
👋🏻😉
muchas gracias profe, mas claro no se puede
😉👍🏻
🧙♂Muchas gracias, muy bueno el curso!!!
Gracias por comentar
parcero excelente, la verdad es que superas en mucho, a los demás tutoriales de js en youtube.
Gracias, saludos!
el mejor #curso de #javascript
😉👌🏻
En mi ejercicio creé los atajos con "Ctrl" + (otra tecla).
Para evitar el comportamiento por defecto, por ej cuando apretamos Ctrl + a selecciona todo el texto, lo hice con el método e.preventDefault().
Así solo mandaba un alert sin seleccionar el texto.
👍🏻
Gracias por tus cursos, son excelentes. Conforme avancé en cada uno de tus vídeos me agradó javascript, ya lo aplicó en algunos proyectos que estoy haciendo con otros lenguajes de progrmación. He recomendado tu curso a muchos.
😃🙌🏻
Se me ocurren mil cosas que se pueden hacer con esta información. jejejje. Muchas gracias Sr Mircha
Un saludo👋🏻😉
Grandioso! muchas gracias
😉👋🏻
Tuve que cambiarlo a ctrlKey porque al usar el alt del teclado me cambiaba el valor de la "a" en el teclado por una "å" y la validación no se cumplia. Muchas gracias Jon por este curso, eres un referente en la formación autodidacta.
🤓👍🏻
Master! Es increíble lo bien que enseñas
😉👍🏻
Profesor ya no se recomiende usar Keypress ya no esta en el estandar segun la MDN
Me ha encantado este vídeo:) No sabía que se podían hacer estas cosas tan chulas con Javascript!
😉
ADMITO QUE MIS PEFERIDOS SON VICTOR ROBLES Y FERNANDO HERRERA DE UDEMY....PERO AL VER TUS VIDEOS JONATAN MIRCHA....SIMPLEMENTE ESTAS EN OTRO NIVEL, SOS INCREIBLE!!!
Gracias ☺️ comparte para llegar a más personas 😃
Victor Robles es un pelele que no tiene ni idea de enseñar, una perdida de tiempo y de dinero, no profundiza en nada, sus videos no tienen sentido.
Tus clases, independientemente si son secciones cortas o largas, tienen el plus de tu personalidad y esta lo engrampa a uno de inmediato.
Gracias por compartir tu conocimiento, bendiciones!!!
🧙♂️🧙♂️🧙♂️
🙌🏻🙌🏻🙌🏻
Hola Jon, Gracias por tu dedicación; estoy aprendiendo muchas cosas nuevas
Con mucho gusto
De los mejores cursos que he tenido la suerte de ver, hay muy poco material que hable y toque sobre el evento touch que se emplea en tables y dispositivos móviles como los slideshows dandole un toque muy agradable y facil de usar, podrias tambien tocarlo en tu curso con ejemplos practicos, seria un tremendo aporte para todos aquellos amantes de este arte, desde ya graciaa por todo el esfuerzo que aplicas en este material invaluable
Excelente, Jon! gracias
😉👍🏻
Que bien Jonathan, muchisimas gracias!!!
De nada!
excelente video muchas gracias Jon
🙂👍
Maestro estoy aprendiendo muchísimo contigo. Voy a sacarle el maximo provecho al js.
Mucha suerte!👍🏻😉
En Ópera no se pueden hacer comandos con la tecla alt porque abre el menú del navegador y tal parece que no hay forma de quitar ese atajo. En Edge Anaheim tampoco permite utilizar la tecla alt por alguna razón.
😮
Los eventos del teclado me parecen de mucha utilidad.
Hoy retomando el curso... Feliz año nuevo Jon!! Gracias por tus valiosos aportes 😃🤗
Igualmente!!!
Gracias por tus cursos de los mejores!!!!
😍😍😍
Hola, muchas gracias
Hola Jhon, me encantan los videos y eso que voy en el 4° jejeje, de seguro muchos veran tus videos solo ten paciencia
El Mejor Curso de JavaScript En UA-cam MIL GRACIAS POR TUS ENSENANZAS; pdata: (Mi Teclado esta en ingles y en linux fedora no se como configurar el teclado, pero si se que se escribe con enie :D )
Gracias por sus enseñanzas sensei
De nada
Muy bueno.
Solo me permitió key==="a". Con keyCode, ni chrome ni mozilla.
Muchas gracias.
Excelente!
Estuvo bueno y útil.
🤓
Hola Jon, excelente video como siempre. Tengo una pregunta sobre lo dicho en el minuto 3:30 'Acá no se hace delegación de eventos porque realmente la detección de los eventos del teclado debe asignarse al nodo raíz, en este caso el document', no lo entendí muy bien porqué no se pone la función dentro del d.addEventListener('DOMContentLoaded', (event) => {}) y en cambio se crea un nuevo d.addEventListener('keydown', event => {});
Gracias Jon sos un genio!! Por fin siento que realmente estoy aprendiendo. Cuando termine con tu curso de javaScript, por cual de tus cursos me recomendas seguir?
Mira que vi cursos en youtube, hice uno pago tambien en una plataforma. Pero recien ahora y a mis 31 años le voy encontrando el gustito a esto. Se puede gente, se puede! Te admiro por lo didactico que sos jon!
😉👋🏻 jonmircha.com/cursos
Excelente explicación! Nota: Cada vez que probaba una combinación con la tecla Control, se activaba algún atajo de teclado de Chrome de inmediato decía "haaaay ahora que hice?" 😅😅
jejeje
👏👏👏 🙏🙏🙏
👋🏻😉
Hola Jon, tu info es la gloria, algo que me estuvo pasando es que la propiedad ctrlkey altkey shiftkey aunque las apriete me tiraba falso. Alguna ayuda con eso?
Como siempre excelente Jon..una pregunta,como sabes yo no me dedico a la web , me gusta aprender, osea mi nombre de usurio vegaimagen es solo nombre jeje..Yo aprendi de ti desde bextlan la organizacion de codigo alfabeticamente para hacer una web sobretodo en css .. viendo tus videos de js y se que lo haces para hacerlo mas entendible para nosotros abres diferentes files y le haces import...si yo quiziera hacer una web con muchos eventos de js que recomiendas ..hacerlo en un solo file de js o abrir varios para cada evento/.Gracias y saludos
Si tu app va a crecer mucho, te sugiero usar módulos, si es una app pequeña, puedes hacerlo en un sólo archivo, no te compliques las cosas :)
Gracias
Estoy con estos ejercicios de eventos de teclado y por lo que leo en la documentación de MDN veo que dicen que la propiedad .keyCode esta en desuso. Entiendo que quizás para este ejercicio la podría utilizar igual, pero me recomiendas mejor utilizar la propiedad .key para saber que tecla se ha pulsado o cuál sería mejor?
Pronto te paso mis ejercicios cuando los termine.
Un saludo, muchas gracias.
Ambas funcionan, con la que quieras :)
Hola Jon disculpa una duda que me esta rompiendo la cabeza en las alertas si me funciona con || pero si lo hago con && no hace nada que puede ser :/ ? y muchas gracias de antemano
Pues depende de lo que quieras, recuerda que con && todas las condiciones deben cumplirse
que videos podria repasar para hacer este ejercicio?
Investiga los eventos del teclado ;)
@@jonmircha gracias profe
jon puedes hacer un curso de react
Pronto
👏🏻👏🏻👏🏻 🙏🏻🙏🏻🙏🏻
😉👋🏻
Desde los ejercicios de programación me quede con los if de una linea😅
if (e.key === "a" && e.altKey) alert("Haz lanzado un alert mediante un shorkut");
👍🏻
Cual herramiento uso para realizar la aplicacion jonmircha para pc. Es tambien para Android, Apple?. Es una adaptación de la pagina de Internet?. Tiene algún curso de como realizar estas aplicaciones. Espero su respuesta. Gracias.
Es una PWA ua-cam.com/play/PLvq-jIkSeTUYIw8CP2AP7QJs4GeeZdvs6.html
profe jon keydown y keypress se comportan igual, la dejo presionada y se ejecuta el evento varias veces hasta que suelte la tecla, tal vez, digo yo, cambie en la velocidad de ejecución, me confirma si es así o me puede aclarar eso
mm parecieran igual pero no keydown al presionar keypress mientras presionas
@@jonmircha pero si yo dejo presionado teniendo keydown sigue ejecutandose indefinadamente, o se en java si hay esa diferencia en dejar presionado y presionar pero aqui yo lo probe con ambos y hacen lo mismo
profesor como hace para duplicar una linea debajo de ella misma
alt+ shift + flecha del cursor
@@jonmircha lo amo
Muy interesante! Por curiosidad, los códigos son iguales para los diferentes tipos de teclado de cada país?
Los códigos son estándar no importa el teclado
👨
👋🏻😉
para lotear rapido en un juego necesito dar varios clicks en unos puntos, como podria hacer esto?, pensaba hacerlo con electron js
An tes de pensar en una tecnología, preocuparte por el algoritmo
@@jonmircha es que tendria que tener acceso fuera del navegador, y poder usar los eventos del mouse, quizas con node podria ser
@@jonmircha aunque tambien es verdad primero tendria que hacerlo funcionar en navegador y me preocupo luego como llevarlo fuera, excelente vere como hacerlo gracias
🤩🤩✅🙌
👋🏻😉
Al ver que el código está en if de una línea, otra manera de resolverlo seria mediante los operadores ternarios
Profe, seria buena practica de ventas especificar claramente que tipo de beneficios se obtienen en Patreon !
?_?
Se me fue el video muy rapido y no es por reproducirlo a 1.25 xd sino porque es muy ameno entender todo contigo Jon :D, no sabìa que los shortcuts son tan faciles xddddddddd
👋🏻😉
alt, shift, y cntrl solo funcionan con el evento keydown ? :)
🤓👍🏻
⌨⌨⌨⌨⌨⌨😃😃
😉👋🏻
Voy en el vídeo 15 de este curso, espero llegar pronto a este vídeo :c
Con calma, ve a tu ritmo no hay prisa :)
No hay prisa bro con calma llegas yo empecé desde el principio y ya voy por el video 84 en menos de un mes XD
yo como en 2 meses o más o.O
@@brandon400 yo llegue aquí en 4 días xd
:( nunca me salieron las alertas :( . Pero igual increíble clase profe
tienes live server
solo funciona con el evento keydown :)
@@miguelmendoza8855 Gracias, soluciono lo que me faltaba jajaja, Saludos
Mientras lo miraba pensaba que todo esto podria servir para hacer un Keylogger... solo para practicar obvio...
:)
me hago un lio con las carpetas... Donde esta dom-ejercicios.html. En la carpeta .vscode? Es que llevo varios videos con problemas, ya que copio el codigo, que a mi no me enlazaba. Lo copio de gente que da sus codigos, y asi pasa que sus codigos no son exactos a los tuyos. Echo de menos tus ficheros originales con las carpetas bien estructuradas. Pierdo mas tiempo en entender los enlaces... y bueno, si tienes los orinales seria ideal
Desde donde lo tengas simplemente respeta las rutas a tus demás archivos.
Hay algo que no entendí, ¿cuando usamos delegación, los eventos se escriben dentro del DOMContentLoaded para hacer el `matches()` una vez carguen todos los archivos?... ¿o cuál es la explicación?, Por un momento pensé que todos los eventos se debían asignar dentro del DOMContenLoaded.
La delegación no esta asociada al DOMCOntentLoaded, este es un evento más como click, como mouseout, como keyup, etc... La delegación significa asignar el evento a un elemento padre en este caso al objeto document
@@jonmircha eso responde una de mis inquietudes, y la otra es cuál es la diferencia entre ejecutar los eventos dentro y fuera del DOMContentLoaded. Ya que los de click los pusiste dentro y los de key fuera.
@@NonsenseIsOver Tenia la misma duda y empece a buscar en los comentarios, aunq llegue dos años tarde creo que es porque en las funciones anteriores estamos usando elementos de HTML para trabajar es decir, para que todo funcione bien debemos asegurarnos que el DOM este cargado, en el caso del modulo "teclado" no es necesario por la forma en que hace el codigo.
Pues aquí me la pegué jaja, conseguí que se moviera pero de un extremo a otro y solo me hacía caso una vez :( veamos la solución
😉
me quede en 16:39
A mi no me funciono Jon, cuando presiono shft, alt o ctrl actúa en el navegador y no en la pagina en si, busque para deshabilitarlo o algo pero no conseguí nada, por lo demas siempre excelentes tus videos gracias por tanto
😮
nosé porque no me funcionaron los atajos con alt ctrl y shift
¯\_(ツ)_/¯
@@jonmircha ya lo solucioné, estaba utilizando keypress en lugar de keydown en el addEventListener, me había olvidado de cambiarlo.
@@aladeltatv5281 Media hora buscando porque no me funcionaba! jaja Gracias!
a mi el keycode de la q me aparece en el 81 xD y el ENTER en el 13
¿Crees que la IA reemplace a los programadores web?
No
Por alguna razón, no me funcionó con alt+p, tal vez lo tenga asignado a algo más, por si a alguien no le funciona, solo prueben otra tecla.
NO FUNCIONA LOS ATAJOS
x2
@@MaxielJohannaCamargoGomez revisa que tengas live, serve, que importes bien el modulo, que sea "keydown" en la parte del javascript de dom, donde pones la escucha de la acción a mi no respondía y era porque tenia "keypress", otra cosa que me pasaba es que abria mi pagina y de una presionaba, tienes que asegurarte de darle un click al dom tu misma y luego hacer la combinación que elegiste; si no haces un click en el dom antes no te va a funcionar, son los errores que tuve, te lo comparto; por si acaso son los mismos.
Hice el shortCut con alt + a y me salió esto:
Error in event handler: TypeError: Cannot read properties of undefined (reading 'videoWidth')
at chrome-extension://mcgbeeipkmelnpldkobichboakdfaeon/content/content.js:512:23
¿Alguién me podría decir el por qué? creí que había escrito mal el código pero no, solo cambié la letra a por la q y yano hubo problema.
Qué alguien me explique por favor.