lo mejor del curso es lo motivado que uno consigue estar con tan buen contenido tan bien dado, lo malo? que te queres hacer todos los cursos y te da ansiedad!!! jaja
Para los que tienen aun problemas sobre la desconexión, y aun les muestra true, por favor entren a: ( Panel de control\Redes e Internet\Conexiones de red ); y verifiquen que todo este desconectado. esa fue mi solución que ahora si me muestra el dinosaurio de desconectado en cualquier navegador. saludos gracias. buen día.
Wooooow lo hice totalmente diferente...pero logre hacerlo XD, para empezar no use los eventos de "online" y "offline", ni siquiera la propiedad onLine jajajajaja (no sabia que existían :p), use fue la propiedad "connection" y lo que hacia era evaluar el ".rtt" con ".onchange", ademas le metí animaciones CSS y bueno, otras cosas ahí para estilos lo bueno es que logre hacerlo con los conocimientos que tenia no? supongo que eso es importante PD: Ahora como se de la existencia de esto modificare el código para mejorarlo :3
Saludos Jon, saludos compañeros. Paso a dejar mi solución al ejercicio propuesto. Me gustó que lo resolvieras creando el elemento desde Js, cuando realice mi solución no lo hice así, directamente lo agregue al html y utilice las clases css para ocultarlo.. Así que desde JS lo que hago es agregar un clase css al elemento dependiendo de lo si la conexión esta onLine u Offline. Como siempre buena explicación y muy buena forma de resolverlo. codepen.io/kikemadrigalr/pen/MWydQKw
Estaba haciendo el ejercicio sin implementar los hijos y yo preguntandome por que mi div estaba saliendo en el pie de la pagina sin tomar en cuenta mi cabecera; gracias por darnos de tu tiempo jon 😺
Una de las muchas cosas buenas de estos cursos es que uno repite una y otra vez cosas que al final se vuelven un hábito, como por ejemplo crear una const con el document para hacer menos verboso las líneas de código, no es algo que cambie la vida pero está bueno jaja. Gracias por estos cursos Jon 🙌🏼
Definitivamente Profe... usted es mi ídolo en todo lo referente a JavaScript. No sabia de los eventos Online y Offline, estuve utilizando setIntervals para chequear la conexión pero luego me volví un 8, intentando limpiar el intervalo para gestionar las animaciones
Muy buenos cursos, combinar la teoría con la actividad práctica ha sido inteligente de su parte y es una metodología fundamental para consolidar los conocimientos y lograr el objetivo de este Curso ¿Trataremos también temas de base de datos, para mayor consolidación?
Gracias maestro....En el firefox no aparece la opción delservice worker para simular la desconexión. De todos modos siempre pruebo con chrome también los ejercicios. Saludos
Tremendo video Jhon como siempre mejor que el anterior, disculpa la molestia, nos podrías dar tips de como investigar en la documentación ya sea Mozilla developer network o que metodología usas al momento de investigar nuevo código. Aunque sea en un video corto. Muchos te lo vanos agradecer 😅
Una duda navigator.online en que se basa para detectar si hay conexión, es decir, hay librerías que detectan la conexión que advierten que pueden retornar true si existe una conexión a wifi independientemente de si de hecho sale o no a internet, y hay otras que cada cierto tiempo hacen una especie de ping para determinar la conexión.
Hola Jon, creo que en el repositorio de Github no están los códigos de Js, me quede en la anterior clase, no encuentro mi error, y ahora que se viene lo bueno 😟... Por ejemplo solo aparece este código en la sección de esta clase: /* ********** Curso JavaScript: 94. DOM: Ejercicios Prácticos | Detección de la WebCam - #jonmircha ********** */
Casi que me sale tambien use online y offline, pero en vez de crear div, cambie background-color, color y texto del h1 "ejercicios del dom", con setTimeOut incluido, Luego te vi poniendo el z-index y me di cuenta q no pense en todo
El ejercicio me funciona bien cuando desconecto y conecto la tarjeta de red, pero tengo problemas cuando lo compruebo con la pestaña aplicación. A que se debe?
Hola jon, al terminar los ejercicios del DOM, antes de seguir con los otros temas me gustaria reforzar los conocimientos anteriores. Conoces de alguna pagina que tenga ejercicios para realizar como los de logica de programacion?
Jon, ya estoy medio frustrado, no me muestra conexion perdida, YO estoy en nivel principiante por ahora, o amateur seria mejor mi nivel. hace todo el procedimiento, pero ni en chrome, ni en firefox, ni edge me sale el cartel rojo. Me encanta esto, asi que no abandonare por nada del mundo y como buen taurino seguire hasta que salga como Yo quiero. cada dia uno avanza, pero algunas veces es mejor retroceder y volver a intentarlo, asi que hasta el 96 no paro. revere el video x tregesima vez y espero no encontrar ningun error. porque el de conexion restablecida lo hace bien, no se entera mi JS que le corte el cable :(
@@sandokanArg Que raro que no te funcione en firefox, ¿Has intentado usar Mozilla Firefox Browser Developer Edition?, Aca te dejo el enlace de la pagina oficial si te interesa: www.mozilla.org/en-US/firefox/developer/
Hola Jon, porque en este ejercicio ponemos la función fuera del DomContentlLoaded? porque pruebo poniéndolo dentro y no veo diferencia alguna, de todas formas creo que espera a que el evento de conexión o descononecxion suceda asi que me quedo esa duda, graciass
Buenas Jonathan, quisiera preguntarle si me recomiendas el libro de "How JavaScript Works" de Douglas Dockford el cual se publicó en el 2018. Has recomendado en otras ocasiones otros como "Eloquent JavaScript" o "The Good Parts" pero son más antiguos. ¿Qué opinas al respecto?
Hola Jon que tal esta great el curso ;) pero tengo una duda …bueno mi duda es por ejemplo yo quise estirarlo como el menú de navegación ósea el background con el second-color con z-index=1000 bottom =0 todo ello hasta ahi esta todo bien pero en ello hubiera querido ponerle una imagen por debajo de Conexion Perdida o Restablecida como un robotsito en mal estado o algo parecido como lo haría Jon gracias tengo esa duda ;(
si lo detecta, lo que pasa que el msj aparece en la parte inicial del archivo y no en la seccion de deteccion de red, me di cuenta por que el scroll se movia al activar o desactivar la conexion a internet. cosa rara que cuando el Profe Jon realizo en ejercicio a él si le aparecia el msj en la seccion correspondiente. uso chrome
Excelente video como siempre profesor! Tengo un problema que ha surgido luego de intercambiar por la consola el estado de la red, con lo cual me marca: ´(index):7288 crbug/1173575, non-JS module files deprecated.´, he buscado soluciones, pero no lo he podido resolver aun. Entiendo que el problema refiere a: archivos de módulos que no son JS y están en desuso y/o a algo relacionado con el tema CORS. Las soluciones que he intentado: cerrar todo y volver a iniciar, crear un archivo launch.json y configurarlo para que se ejecute chrome en vez del localhost, modificando la url, deshabilitando las dos extensiones de React instaladas anteriormente, verificar nombre de archivos y exports e imports y nombre de funciones, borrar las cookies. Intenté de todo, nada funcionó, espero alguien sepa como ayudarme! Gracias!!
Hola alguien sabe por que surge este error, no funciona el dom.ejercicio.html en otros navegadores. cuando intento abrirlo. Access to script at 'file:///C:/Users/mgp94/OneDrive/Escritorio/jhonjs/js/index_dom.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. .....
lo mejor del curso es lo motivado que uno consigue estar con tan buen contenido tan bien dado, lo malo? que te queres hacer todos los cursos y te da ansiedad!!! jaja
😅👋🏻
Este canal es ORO
🤓🙌🏻
Para los que tienen aun problemas sobre la desconexión, y aun les muestra true, por favor entren a:
( Panel de control\Redes e Internet\Conexiones de red ); y verifiquen que todo este desconectado. esa fue mi solución que ahora si me muestra el dinosaurio de desconectado en cualquier navegador. saludos gracias. buen día.
Gracias, me resolviste un gran problema
Pd. tuve que recuperar la conexión para agradecerte xd
Jon es un mar de conocimiento, todos los dias se aprende algo nuevo. Gracias!!
Un saludo!👋🏻😉
Wooooow lo hice totalmente diferente...pero logre hacerlo XD, para empezar no use los eventos de "online" y "offline", ni siquiera la propiedad onLine jajajajaja (no sabia que existían :p), use fue la propiedad "connection" y lo que hacia era evaluar el ".rtt" con ".onchange", ademas le metí animaciones CSS y bueno, otras cosas ahí para estilos
lo bueno es que logre hacerlo con los conocimientos que tenia no? supongo que eso es importante
PD: Ahora como se de la existencia de esto modificare el código para mejorarlo :3
No puedo creer que este hombre no cobre por estos cursos. Eres muy bueno y gracias.
😉👋🏻
🧙♂Muchas gracias, muy bueno el curso!!!
Viendo el ejercicio por segunda vez, Gracias por tanto Jon.
😉👋🏻
Bendiciones Jon, de verdad que tu contenido vale oro.
Saludes a Kenai y Batman jajaja, sos el mejor.
🧙♂️🧙♂️🧙♂️
Saludos y gracias
Saludos Jon, saludos compañeros. Paso a dejar mi solución al ejercicio propuesto.
Me gustó que lo resolvieras creando el elemento desde Js, cuando realice mi solución no lo hice así, directamente lo agregue al html y utilice las clases css para ocultarlo.. Así que desde JS lo que hago es agregar un clase css al elemento dependiendo de lo si la conexión esta onLine u Offline. Como siempre buena explicación y muy buena forma de resolverlo.
codepen.io/kikemadrigalr/pen/MWydQKw
otro buen video maestro muchas gracias
Gracias. Saludos👋🏻😉
el mejor #curso de #javascript
🥰🙌🏻
Excelente, Jon! muchas gracias.
Con mucho gusto
Estaba haciendo el ejercicio sin implementar los hijos y yo preguntandome por que mi div estaba saliendo en el pie de la pagina sin tomar en cuenta mi cabecera; gracias por darnos de tu tiempo jon 😺
👋🏻😃
Una de las muchas cosas buenas de estos cursos es que uno repite una y otra vez cosas que al final se vuelven un hábito, como por ejemplo crear una const con el document para hacer menos verboso las líneas de código, no es algo que cambie la vida pero está bueno jaja. Gracias por estos cursos Jon 🙌🏼
😃👍🏻
Este curso está súper bueno ✅🫶
👋🏻😉
Un grande Maestro de lo digital, muchas gracias por tus video lecciones, aprendo todos los dias con ellas jaja
Muchas gracias!😉👋🏻
Que genial, no sabía que existían eventos para la conexión de internet
Así es!
Gracias Jon!!
Un saludo!👋🏻😉
Definitivamente Profe... usted es mi ídolo en todo lo referente a JavaScript. No sabia de los eventos Online y Offline, estuve utilizando setIntervals para chequear la conexión pero luego me volví un 8, intentando limpiar el intervalo para gestionar las animaciones
🤓👍🏻
Muy buenos cursos, combinar la teoría con la actividad práctica ha sido inteligente de su parte y es una metodología fundamental para consolidar los conocimientos y lograr el objetivo de este Curso ¿Trataremos también temas de base de datos, para mayor consolidación?
En este curso no? pues sólo es de JS, quiza en otro
buenísimo esto lo usan todas las apps y sitios
😉👍🏻
Gracias maestro....En el firefox no aparece la opción delservice worker para simular la desconexión. De todos modos siempre pruebo con chrome también los ejercicios. Saludos
👋🏻😉
Tremendo video Jhon como siempre mejor que el anterior, disculpa la molestia, nos podrías dar tips de como investigar en la documentación ya sea Mozilla developer network o que metodología usas al momento de investigar nuevo código. Aunque sea en un video corto. Muchos te lo vanos agradecer 😅
Lo hice en los primeros videos simplemente leer con conciencia, leer con la finalidad de entender
@@jonmircha muchas gracias, no lo noté, lo revisaré 😅
Ya que estas en vivo :) estoy en la lección 40 en que nivel estaria si termino todas las lecciones que haces hasta ahora ;) ?
El aprendizaje depende de cada persona, mi intención es que al terminar el curso tengan un nivel avanzado de JS
Hola Jon, mi ritmo bajò un poco porque me estoy viendo tus cursos de CSS, igual de buenos y con la misma calidad de siempre
Hola, muchas gracias
Una duda navigator.online en que se basa para detectar si hay conexión, es decir, hay librerías que detectan la conexión que advierten que pueden retornar true si existe una conexión a wifi independientemente de si de hecho sale o no a internet, y hay otras que cada cierto tiempo hacen una especie de ping para determinar la conexión.
lo toma del mismo navegador web
Hola Jon, creo que en el repositorio de Github no están los códigos de Js, me quede en la anterior clase, no encuentro mi error, y ahora que se viene lo bueno 😟... Por ejemplo solo aparece este código en la sección de esta clase: /* ********** Curso JavaScript: 94. DOM: Ejercicios Prácticos | Detección de la WebCam - #jonmircha ********** */
github.com/jonmircha/youtube-js#repositorio-premium
Casi que me sale
tambien use online y offline, pero en vez de crear div, cambie background-color, color y texto del h1 "ejercicios del dom", con setTimeOut incluido,
Luego te vi poniendo el z-index y me di cuenta q no pense en todo
😉👍🏻
El ejercicio me funciona bien cuando desconecto y conecto la tarjeta de red, pero tengo problemas cuando lo compruebo con la pestaña aplicación. A que se debe?
😮
¿para que funcione el evento online y offline hay que desconectarse de la red o apagar la tarjeta de red?
Justamente para eso, para detectar las conexiones y desconexiones
@@jonmircha es que no me cuando me desconecto de la red, solo cuando conecto mi tarjeta de red me sale el console.log
Soy el Unico Que Los Elementos De Conexion No Se Solapan, sino Que se Acumulan hasta que el timeOut Los Desaparezca?
😮
Me pasa que se van agregando uno abajo del otro, no se superponen :/
si me pasa lo mismo a mi tambien :/
I already made it, I’m going to watch how you made it
👋🏻😉
no se que pasa pero siempre muestra el mensaje de conexión establecida aun estando en offline
😮
Jon, veremos Select anidados y JS?
Probablemente en la parte de ejercicios de AJAX :)
Hola jon, al terminar los ejercicios del DOM, antes de seguir con los otros temas me gustaria reforzar los conocimientos anteriores. Conoces de alguna pagina que tenga ejercicios para realizar como los de logica de programacion?
no
CodeWar
Tienes ejercicios por niveles muy buenos
Jon, ya estoy medio frustrado, no me muestra conexion perdida, YO estoy en nivel principiante por ahora, o amateur seria mejor mi nivel. hace todo el procedimiento, pero ni en chrome, ni en firefox, ni edge me sale el cartel rojo. Me encanta esto, asi que no abandonare por nada del mundo y como buen taurino seguire hasta que salga como Yo quiero. cada dia uno avanza, pero algunas veces es mejor retroceder y volver a intentarlo, asi que hasta el 96 no paro. revere el video x tregesima vez y espero no encontrar ningun error. porque el de conexion restablecida lo hace bien, no se entera mi JS que le corte el cable :(
Ánimo, no desistas :)
Hola, ¿Ya lo solucionaste?.
MERCURIO AZUL si, eso lo hace en firefox, en chrome funciona bien. No es problema del codigo sino del navegador
@@sandokanArg Que raro que no te funcione en firefox, ¿Has intentado usar Mozilla Firefox Browser Developer Edition?, Aca te dejo el enlace de la pagina oficial si te interesa: www.mozilla.org/en-US/firefox/developer/
MERCURIO AZUL la desconexión no me marca en firefox
Hola Jon, porque en este ejercicio ponemos la función fuera del DomContentlLoaded? porque pruebo poniéndolo dentro y no veo diferencia alguna, de todas formas creo que espera a que el evento de conexión o descononecxion suceda asi que me quedo esa duda, graciass
Por los eventos de conexión y desconexión son del window, no del document
@@jonmircha muchas gracias
Buenas Jonathan, quisiera preguntarle si me recomiendas el libro de "How JavaScript Works" de Douglas Dockford el cual se publicó en el 2018. Has recomendado en otras ocasiones otros como "Eloquent JavaScript" o "The Good Parts" pero son más antiguos. ¿Qué opinas al respecto?
NO lo conozco, pero si es de Douglas, seguro es bueno
Hola Jon que tal esta great el curso ;) pero tengo una duda …bueno mi duda es por ejemplo yo quise estirarlo como el menú de navegación ósea el background con el second-color con z-index=1000 bottom =0 todo ello hasta ahi esta todo bien pero en ello hubiera querido ponerle una imagen por debajo de Conexion Perdida o Restablecida como un robotsito en mal estado o algo parecido como lo haría Jon gracias tengo esa duda ;(
Pues crea dinámicamente la imagen como elemento hijo del div, práctica lo que se ha visto del DOM
@@jonmircha gracias
👏👏👏 🙏🙏🙏
👋🏻😉
Bueno a mi no me detecta el evento offline y online lo intente en chrome y firefox.
😯
si lo detecta, lo que pasa que el msj aparece en la parte inicial del archivo y no en la seccion de deteccion de red, me di cuenta por que el scroll se movia al activar o desactivar la conexion a internet. cosa rara que cuando el Profe Jon realizo en ejercicio a él si le aparecia el msj en la seccion correspondiente. uso chrome
Excelente video como siempre profesor!
Tengo un problema que ha surgido luego de intercambiar por la consola el estado de la red, con lo cual me marca: ´(index):7288 crbug/1173575, non-JS module files deprecated.´, he buscado soluciones, pero no lo he podido resolver aun.
Entiendo que el problema refiere a: archivos de módulos que no son JS y están en desuso y/o a algo relacionado con el tema CORS.
Las soluciones que he intentado: cerrar todo y volver a iniciar, crear un archivo launch.json y configurarlo para que se ejecute chrome en vez del localhost, modificando la url, deshabilitando las dos extensiones de React instaladas anteriormente, verificar nombre de archivos y exports e imports y nombre de funciones, borrar las cookies.
Intenté de todo, nada funcionó, espero alguien sepa como ayudarme! Gracias!!
😮
@@jonmircha 😂. Lo raro es que, abriendo otros proyectos, el error persiste
👏🏻👏🏻👏🏻 🙏🏻🙏🏻🙏🏻
😉👋🏻
Siempre llego a los mismos resultados pero de una forma totalmente distinta
Ingeniería inversa: 100%
Buenas practicas: 0%
👋🏻😉
Chale, y yo apagando mi tarjeta de red y encendiendola :'( jasjaj
😂
👨
5:06 jajjaja
🤣🤭🤓
yo no tengo web cam : (
¯\_(ツ)_/¯
@@jonmircha jajaa gracias por el contenido
y yo conectando y desconectando el cable de ethernet 🤦♂️😅
jejeje
Hola alguien sabe por que surge este error, no funciona el dom.ejercicio.html en otros navegadores. cuando intento abrirlo.
Access to script at 'file:///C:/Users/mgp94/OneDrive/Escritorio/jhonjs/js/index_dom.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. .....