Curso JavaScript: 93. DOM: Ejercicios Prácticos | Detección del estado de la red -

[@Deus09Z]

Este curso es el mejor. Es el único ejercicio del DOM que he logrado hacer 100% solo hasta el momento jajaja. Me da mucha satisfacción ver como cada vez voy logrando cosas que no pensé que podría hacer o entender, gracias por compartir tus conocimientos!

[@jonmircha]

👋🏻😉

[@srcuyo]

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

[@jonmircha]

😅👋🏻

[@franciscovargaschacon3246]

Este canal es ORO

[@jonmircha]

🤓🙌🏻

[@giovannyvanegas88]

Jon es un mar de conocimiento, todos los dias se aprende algo nuevo. Gracias!!

[@jonmircha]

Un saludo!👋🏻😉

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.

[@abelsilvasantacruz9584]

Gracias, me resolviste un gran problema Pd. tuve que recuperar la conexión para agradecerte xd

[@heimancastro1954]

otro buen video maestro muchas gracias

[@jonmircha]

Gracias. Saludos👋🏻😉

[@D.VincyPro]

No puedo creer que este hombre no cobre por estos cursos. Eres muy bueno y gracias.

[@jonmircha]

😉👋🏻

[@ivanbraun5769]

Viendo el ejercicio por segunda vez, Gracias por tanto Jon.

[@jonmircha]

😉👋🏻

[@Wiiiiizard]

🧙‍♂Muchas gracias, muy bueno el curso!!!

[@dvesc]

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

[@timawid]

Este curso está súper bueno ✅🫶

[@jonmircha]

👋🏻😉

[@sergioortegadev]

el mejor #curso de #javascript

[@jonmircha]

🥰🙌🏻

[@eduardoFreites]

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 🙌🏼

[@jonmircha]

😃👍🏻

[@leonardoprone5967]

Excelente, Jon! muchas gracias.

[@jonmircha]

Con mucho gusto

[@frankfarfan3107]

Un grande Maestro de lo digital, muchas gracias por tus video lecciones, aprendo todos los dias con ellas jaja

[@jonmircha]

Muchas gracias!😉👋🏻

[@leomax522]

Gracias Jon!!

[@jonmircha]

Un saludo!👋🏻😉

[@jurrrgenOF]

buenísimo esto lo usan todas las apps y sitios

[@jonmircha]

😉👍🏻

[@kikemadrigalr]

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

[@christianosorio9239]

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

[@jonmircha]

🤓👍🏻

[@braianrico4422]

Bendiciones Jon, de verdad que tu contenido vale oro. Saludes a Kenai y Batman jajaja, sos el mejor. 🧙‍♂️🧙‍♂️🧙‍♂️

[@jonmircha]

Saludos y gracias

[@addevmoises]

Que genial, no sabía que existían eventos para la conexión de internet

[@jonmircha]

Así es!

[@luisenriquezamoraglez3124]

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?

[@jonmircha]

En este curso no? pues sólo es de JS, quiza en otro

[@carloscabi]

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 😺

[@jonmircha]

👋🏻😃

[@darx9050]

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 😅

[@jonmircha]

Lo hice en los primeros videos simplemente leer con conciencia, leer con la finalidad de entender

[@darx9050]

@@jonmircha muchas gracias, no lo noté, lo revisaré 😅

[@elweonweandolaweafome]

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

[@jonmircha]

Hola, muchas gracias

[@raulgarciaespinoza3044]

Ya que estas en vivo :) estoy en la lección 40 en que nivel estaria si termino todas las lecciones que haces hasta ahora ;) ?

[@jonmircha]

El aprendizaje depende de cada persona, mi intención es que al terminar el curso tengan un nivel avanzado de JS

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@danielfabiani4468]

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

[@jonmircha]

👋🏻😉

[@marcoantoniogomezcortes4026]

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.

[@jonmircha]

lo toma del mismo navegador web

[@sandokanArg]

Jon, veremos Select anidados y JS?

[@jonmircha]

Probablemente en la parte de ejercicios de AJAX :)

[@alannm5414]

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?

[@jonmircha]

no

[@PalestinianCode]

CodeWar Tienes ejercicios por niveles muy buenos

[@ronalddavidhernandezpadill8182]

I already made it, I’m going to watch how you made it

[@jonmircha]

👋🏻😉

[@helipalacio8772]

👏🏻👏🏻👏🏻 🙏🏻🙏🏻🙏🏻

[@jonmircha]

😉👋🏻

[@helipalacio8772]

👨

[@rafaelrodriguezcalvente8482]

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?

[@jonmircha]

NO lo conozco, pero si es de Douglas, seguro es bueno

[@jonatangarcia2668]

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 ;(

[@jonmircha]

Pues crea dinámicamente la imagen como elemento hijo del div, práctica lo que se ha visto del DOM

[@jonatangarcia2668]

@@jonmircha gracias

[@clank1234]

¿para que funcione el evento online y offline hay que desconectarse de la red o apagar la tarjeta de red?

[@jonmircha]

Justamente para eso, para detectar las conexiones y desconexiones

[@clank1234]

@@jonmircha es que no me cuando me desconecto de la red, solo cuando conecto mi tarjeta de red me sale el console.log

[@sandokanArg]

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 :(

[@jonmircha]

Ánimo, no desistas :)

[@mercurioazul630]

Hola, ¿Ya lo solucionaste?.

[@sandokanArg]

MERCURIO AZUL si, eso lo hace en firefox, en chrome funciona bien. No es problema del codigo sino del navegador

[@mercurioazul630]

@@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/

[@sandokanArg]

MERCURIO AZUL la desconexión no me marca en firefox

[@jurrrgenOF]

5:06 jajjaja

[@jonmircha]

🤣🤭🤓

[@carloscontreras6051]

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

[@jonmircha]

😉👍🏻

[@juanignacioveliz6745]

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 ********** */

[@jonmircha]

github.com/jonmircha/youtube-js#repositorio-premium

[@yumerthmijail8378]

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?

[@jonmircha]

😮

[@MiguelPerez-cc4pe]

Chale, y yo apagando mi tarjeta de red y encendiendola :'( jasjaj

[@jonmircha]

😂

[@IsaacGarcia-qq8oq]

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

[@jonmircha]

Por los eventos de conexión y desconexión son del window, no del document

[@IsaacGarcia-qq8oq]

@@jonmircha muchas gracias

[@PROGAMERXable]

Soy el Unico Que Los Elementos De Conexion No Se Solapan, sino Que se Acumulan hasta que el timeOut Los Desaparezca?

[@jonmircha]

😮

[@syberiaok]

Me pasa que se van agregando uno abajo del otro, no se superponen :/

[@JoseVillanueva-to3zx]

si me pasa lo mismo a mi tambien :/

[@edwina.espinaltaveras4222]

no se que pasa pero siempre muestra el mensaje de conexión establecida aun estando en offline

[@jonmircha]

😮

[@enefecto2010]

Siempre llego a los mismos resultados pero de una forma totalmente distinta Ingeniería inversa: 100% Buenas practicas: 0%

[@jonmircha]

👋🏻😉

[@Marcos-uc9vf]

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]

😮

[@Marcos-uc9vf]

@@jonmircha 😂. Lo raro es que, abriendo otros proyectos, el error persiste

[@wilsonandia8290]

Bueno a mi no me detecta el evento offline y online lo intente en chrome y firefox.

[@jonmircha]

😯

[@puky1336]

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

[@rodolfodom115]

y yo conectando y desconectando el cable de ethernet 🤦‍♂️😅

[@jonmircha]

jejeje

[@MarceloZair]

yo no tengo web cam : (

[@jonmircha]

¯\_(ツ)_/¯

[@MarceloZair]

@@jonmircha jajaa gracias por el contenido

[@mundomagupe6088]

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. .....