Curso JavaScript: 78. BOM: Métodos -

[@MaxielJohannaCamargoGomez]

POR FIN llegue a la mitad del curso

[@jonmircha]

:)

[@matiasgomez9416]

// 78. BOM: Métodos const $btnAbrir = document.getElementById("abrir-ventana"), $btnCerrar = document.getElementById("cerrar-ventana"), $btnImprimir = document.getElementById("imprimir-ventana"); let ventana; $btnAbrir.addEventListener("click", (e) => { ventana = window.open("jonmircha.com") }); $btnCerrar.addEventListener("click", (e) => { ventana.close(); }); $btnImprimir.addEventListener("click", (e) => { window.print(); });

[@aronlife1098]

No pensaba que con Javascript podrian generarse PDFs tan faciles, usualmente los generaba con php pero se volvian cada vez mas complejos, muchas gracias jonmircha

[@jonmircha]

😉👍🏻

[@joelleiva6952]

Un video mas para llegar a los ejercicios!! Muchas graciasss los apuntes de la clase: //👉 Manda una alerta //window.alert("Alerta"); //👉 Manda una confirmacion, es decir, manda un mensaje y el usuario tiene que aceptar o rechazar la peticion //window.confirm("Confirmación"); //👉 Manda un aviso, es igual que el confirm pero a su vez tiene un input para que pueda mandarnos un mensaje //window.prompt("Aviso"); //*🧠 Recordatorio: A todo lo que cuelga de window no es necesario especificarle su padre, entonces queda asi //alert("Alerta") //confirm("Confirmacion") //prompt("Aviso") const $btnAbrir = document.getElementById("abrir-ventana"), $btnCerrar = document.getElementById("cerrar-ventana"), $btnImprimir = document.getElementById("imprimir-ventana") let ventana $btnAbrir.addEventListener("click", e => { //👉 Abre la direccion que le digamos ventana = window.open("jonmircha.com") }) $btnCerrar.addEventListener("click", e => { //👉 Cierra la ventana ventana.close() }) $btnImprimir.addEventListener("click", e => { //👉 Le da la opcion al usuario para que pueda imprimir la pagina web window.print() })

[@jonmircha]

👌🏻

[@Ni_idea_de_tecnologia]

Cada día me conecto a sus clases con más entusiasmo. Muchas gracias Sr. Mircha

[@jonmircha]

Excelente👋🏻😉

[@hernansanabria9685]

sept 11 1969**Nov 18 2023 gracias excelente curso felicidades John Mircha

[@jonmircha]

Gracias, saludos

[@garwox4551]

Cada día aprendo más con tus videos. Eres un gran profesor, Jon.

[@jonmircha]

Muchas gracias!👋🏻😉

[@helipalacio8772]

cada video es impulso seguir. Muchas gracias Jon. 👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@yanluisnunezlara319]

Uno de lo video que más me ha gustado

[@jonmircha]

👋🏻😉

[@Wiiiiizard]

🧙‍♂Muchas gracias, muy buen curso!!!!

[@jonmircha]

👋🏻😉

[@arceprog]

Que buenos metodos de window 👌👌

[@jonmircha]

👋🏻😉

[@elweonweandolaweafome]

Ya vienen los ejercicios ojitoooooooooooooo

[@jonmircha]

👋🏻😉

[@felipecruz3336]

Que suerte tengo el metodo de abrir y cerrar una ventana en el navegador lo necesito en otro proyecto, Gracias Jon

[@emanuelr9815]

Este curso con cada capitulo se pone mejor, muchas gracias Jon!!!

[@jonmircha]

Gracias a ti!

[@timawid]

Muy bien, seguimos avanzando ✅

[@jonmircha]

👋🏻😉

[@lacacode]

Brutal no conocía el método de print

[@jonmircha]

👍🏻

[@leonardoprone5967]

Buen video, Jon!

[@jonmircha]

😉👍🏻

[@jerrymurillo9822]

Jon, muy bueno éste curso, le metes corazón a ésto, Dios te bendiga y sigue ayudando como lo haces, con nobleza, sos un genio en tu arte, saludos de Colombia

[@jonmircha]

👋🏻😉

[@nachosanabria6942]

gracias excelente video

[@jonmircha]

Gracias por comentar

[@julianandrescalambasordone2229]

con jon mircha siempre se aprende algo nuevo, gracias compa ;)

[@jonmircha]

Por nada!

[@johnherrera5913]

Master! ayudas muchísimo con estos cursos.

[@jonmircha]

😉👍🏻

[@aldairmarcelo5432]

ThanksSS Jon!!!

[@jonmircha]

👍🏻😉

[@PalestinianCode]

Eres un fenómeno Jon. 🙂 Gracias

[@jonmircha]

Gracias, saludos

[@edwina.espinaltaveras4222]

Estamos aquí desde el principio

[@jonmircha]

😉👍

[@TheDawnBreaker9146]

No pensé que imprimir fuera tan fácil, muchas gracias

[@jonmircha]

De nada 😊

[@camilogomez5243]

Excelente profesor , encantado con este material , ya lo comparti .... saludso desde Colombia

[@jonmircha]

Saludos y gracias

[@manuelcobasguerra5688]

Gracias por tus Videos Son De Calidad y muy bien explicados

[@jonmircha]

De nada, comparte para llegar a más gente :)

[@manuelcobasguerra5688]

@@jonmircha lo hago siempre para que mas gente aprenda con la facilidad y la sencillez que transmites en tus videos

[@jonmircha]

Gracias

[@andresparragarzon4572]

Muchas gracias Jon por este curso 😎😎

[@jonmircha]

De nada, comparte para llegar a más gente :)

[@valnetvln6802]

Tenga su like buen hombre

[@carlesbautista8293]

Muchas gracias Jonathan por todo!!!

[@jonmircha]

Saludos!

[@r.w.s.2402]

Estoy ya haciendo proyectos gracias a tu curso:)

[@jonmircha]

🤓👍🏻

[@RhedKief]

🤴 BOM: Métodos (Apuntes) //============================================================================================================\\ 👩‍🌾👩‍🌾 Inicio 👩‍🌾👩‍🌾 Anteriormente vimos el esquema y el manejo del evento del BOM , que es una parte de JS para los navegadores , y este nos permite manipular eventos y propiedades de la ventana del navegador . Hoy vamos a ver unos metodos que ya vimos anteriormente aunque por arriba (alert, confirm y prompt ) estos tres metodos forman parte de un conjunto de metodos que podemos usar en el manejo del DOM 🤳 window.alert('hola') {} ); El boton que dice abrir ventana va a ser para abrir una ventana , esto es cuando necesitamos abrir una ventana de emergente ya sea para logearte con facebook , twitter , email . Esto solicitaria los permisos para obtener tus correos ,nombres , etc. y el metodo para abrir una ventana es : 💥$btnAbrir.addEventListener("click", e=>{ window.open("facebook.com");

[@carlosjavierorozco8418]

Excelente me gustó mucho esta clase.

[@jonmircha]

Excelente :) comparte para llegar a más gente :)

[@josearias9882]

Amigo Jon, estoy avanzando a pasos agigantados, pero te soy sincero, hay cosas que tal vez ya no voy recordando y no me quiero frustrar por el camino, esto del BOM me parece genial y lo mas probable es que lo vaya a usar mucho en mis futuros trabajos, pero te pregunto, es normal que pase? Ya vienen los ejercicios y no quiero empezar a Googlear or lo que es pero, a chat GPTar ja, ja... Por cierto, muchas gracias por tus clases, siempre especificas y al punto, saludos desde Canada.

[@jonmircha]

😉👋🏻 es normal a mi me pasa que cuando dejo de usar algo se me olvida y a veces tengo que googlear para recordar como se hacía, lo importante de la programación no es perse escribir código, si no la habilidad de estructurar los pasos que tienes que hacer para resolver tu rpoblema o necesidad, eso es lo importante la lógica, no las herramientas con las que programas, ánimo

[@hectorbarranca3257]

Hola, primero que nada muchas gracias por tus cursos, super bien explicados, me surgió una duda con el método print, ¿se podría hacer que imprima solo una sección del documento? por ejemplo lo que esté dentro de un DIV, personalmente como solución se me ocurre que se puede ocultar todo lo no deseado con @media print{ ... } pero si existiera una forma de solo imprimir una sección creo que podría ser muy interesante. Saludos y nuevamente muchísimas gracias por todo tu trabajo y esfuerzo, te deseo mucho éxito =)

[@jonmircha]

Eso podrías resolverlo justamente con CSS no con JS, el método print sólo activa la opción de imprimir pero no se mete con lo que imprimiras

[@hectorbarranca3257]

@@jonmircha Confirmado, muchas gracias =)

[@facundolezcano6241]

hola Jon, hice el ejemplo de este video pero con la delegación de eventos que aprendí en la clase 76 y me resulto bien. Esta mal hecho o igualmente se puede hacer así?. Gracias por este curso, aprendí muchísimo!!

[@gabrielralfcaceresgabriell319]

Como dijo en la clase 76, la forma correcta de trabajar con los eventos es con la delegación, entonces si, esta muy bien.

[@heferh4320]

Yo tambien lo hice con la delegacion usando un div en los botones, me dio curiosidad ;]

[@mundomagupe6088]

cool!

[@jonmircha]

😉👋🏻

[@danielfabiani4468]

Gracias jon. Una preguntonta. Porque puedo abrir vs ventanas con el metodo open pero solo puedo cerrar la última que abrí con el metodo close?

[@jonmircha]

Por que esas son las reglas del los navegadores, sólo puedes cerrar lo que tu abres por programación

[@helipalacio8772]

👏👏👏 🙏🙏🙏🙏

[@jonmircha]

👋🏻😉

[@Juankybi]

me gustaria saber si puedes hacer o si estas dispuesto a dar como clase a un proyecto. Es el siguiente, mas o menos. Es un api de futbol online y me gustaria rescatar los datos y hacer un programa. Existen 2 programas antiguos. Y a mi me gustaria hacer uno nuevo o similar, rescatando los xml. Ya sé que va todo con Json. Pero por eso no se si puedes hacerlo o al menos, dime cómo puedo afrontar el proyecto. En la web busqué api sokker y parece que es ahi donde se enlaza y autentifica uno para rescatar la base de datos en xml. Bueno, el no ya lo tenia, jaja

[@jonmircha]

A partir de la clase 105 y hasta la 142 vemos diferentes ejemplos de interacción con APIs

[@heimancastro1954]

😎😎😎😎😎😎😎😎😎😎

[@AngelSalazar-uf5fk]

querido jhon, será que existe una alternativa para el método print() ?

[@jonmircha]

alternativa ???

[@AngelSalazar-uf5fk]

@@jonmircha si, osea, yo sé como imprimir un contenido específico del DOM con print y css peero, como tu nos pones siempre al corrientes con las actualizaciones del ECMAScript quería saber si hay alguna alternativa mejor para el método print().

[@nataH31]

El comando = (Ctrl + Shift + T) abre la ventana que se acaba de cerrar ;)

[@jonmircha]

😉👍🏻

[@EpsilonSJM]

una pregunta, por que al utilizar el close() en paginas como google o facebook, no cierra la ventana?, estuve investigando y no encontre nada, unicamente que .close() funciona siempre y cuando la ventana haya sido abierta desde el proyecto, pero no funciona, con tu pagina y otras si va de maravilla

[@WillyAntunezVlogs]

Tengo una duda, Que método se usa para que JS interactúe de una ventana a otra?, por ejemplo para ejecutar una función o algo por el estilo?

[@jonmircha]

No se puede

[@juandemarchi4360]

puede ser q algo haya cambiado, porque no puedo cerrar la ventana de ninguna manera, si intento hacerlo sobre la variable ventana no hace nada, y si lo intento hacer sobre window me tira este error: Scripts may close only the windows that were opened by them. y no solo me da error si lo intento hacer dentro del evento, el solo intentar ejecutar el window.close() me da ese error.

[@aalfaros]

hola Jon ! ¿Cómo puedo evitar que presionar el botón 'Abrir ventana' pegue la ruta después del nombre del servidor? En la nueva pestaña coloca la siguiente ruta: "127.0.0.1:5500/https//jonmircha.com" Muchas gracias profesor !!

[@jonmircha]

No te entiendo sube tu código a un codepen para mirarlo

[@aalfaros]

@@jonmircha ya encontré el problema :) aquí está el código que me generaba el error: codepen.io/aalfaros/pen/XWNJaNX cuando ejecutaba el método open con la ruta "https//jonmircha.com", abría la nueva pestaña con la ruta: "cdpn.io/cp/internal/boomboom/https//jonmircha.com", es decir que mantenía la ruta de la pestaña original y le concatenaba la ruta la ruta que le pasaba con 'open' ahora me di cuenta que me faltaban los dos puntos ( : ) después de "https" muchas gracias por tu pronta respuesta y por compartir todo tu conocimiento

[@jonmircha]

;)

[@hernansanabria9685]

sept 11 1969**Nov 21 2023 gracias excelente curso felicidades John Mircha

[@jonmircha]

Gracias, saludos