Todos estos métodos de la API Web para insertar nodos .. Muy eficaces y fáciles de implementar.. Gracias por sus explicaciones.. Saludos desde Venezuela (25/02/2021)
He estado aprendiendo javascript por mi cuenta por algunos proyectos que estoy haciendo y me toco usar estos metodos, voy a revisar ahora los nuevos metodos para que me faciliten la vida, espero.
El método .cloneNode() se usa para clonar un nodo. Si solo asignamos en una variable A un nodo guardado en otra variable B lo qeu en verdad se eata haciendo es una referencia. Por lo tanto si modificamos una la variable A tambie se modificará la variable B. Con el método .cloneNode() se crea una copia independiente. Este problema tambien lo presenta los Arrays y por eso hay métodos para copiar Arrays. tu contenido es genial Jon. gracias por tu dedicación.
Al parecer me falta aun para llegar a la mitad del curso, debo decir que ese me hizo complicado aprender la sintaxis y entender la logica(aun me cuesta) pero cada video entiendo un poco mas y aunque debo decir que estoy viendome estos dias de corrido todo es un poco pesado XD Aun asi gracias profe mucha gente dice lo mucho que le sirvio y pienso que sera lo mismo para mi aunque aveces creo que no puedo ... En fin a seguir Comentare cuando llegue a la clase 165 :D Abrazos profe!!!
Tengo una duda. Si en la página principal tengo un nav o footer y quiero que otras páginas de mi sitio también los incluyan, ¿cómo puedo hacer para que, al realizar un cambio en el nav o footer, esos cambios se apliquen automáticamente en todas las páginas? ¿Es posible hacerlo con JavaScript o debería usar otro lenguaje?
Profesor, cuando pongo $cards.removeChild($cards.lastElementChild) no me elimina mi último elemento pero si pongo por ejemplo $cards.removeChild($cards.children[4]) si se elimina. ¿Aluna idea de qué puede ser?
Cual seria la definición exacta de nodos en este contexto? Por ahora lo veo como cualquier etiqueta (desde su apertura hasta su cierre) o salto de línea
Profesor Jon, saludos, tengo una duda no encuentro diferencia entre importNode y el metodo mensionado en esta clase (cloneNode), se ve que tienen el mismo fin, pero en que las diferencia?
El importNode: como su nombre lo dice importa una estructura/nodo desde el documento HTML. El cloneNode: como su nombre lo dice clona una estructura/nodo desde el mismo documento.
Yo tengo la misma duda y la verdad no he encontrado una respuesta satisfactoria. Muchos mencionan que se usa para importar un nodo de un documento origen "A" a un documento destino "B". Y clone es para copiar un nodo de un documento "A" e insertarlo al mismo documento "A·. Sin embargo ambos métodos funcionan en ambos casos. Por otra parte, en ambos casos las palabras importar y copiar no representan diferencia alguna más allá de ser palabras distintas ya que en la practica se obtiene un elemento html en un documento javascript y en el mismo documento se realiza la copia, ya sea con importNode o cloneNode. En ambos métodos se pasa como argumento de los métodos un nodo que ya se encuentra en el documento js y se copia. Ni stack overflow, ni google ni GPT logran dar una respuesta consistente en estos tiempos. Si fuese el caso que importNode logra importar el nodo desde el documento html, no funcionaría aplicando el método a un documento de origen distinto al nodo importado, y funciona, ya que siempre se recurre a tomar el nodo que ya se encuentra en el documento js. Incluso si creas el elemento dentro del propio documento js.
Los metodos que vemos en los videos, es suficiente con tenerlos en un resumen y ir aprendiendolos a la larga sobre la practica. O es necesario aprenderlos de memoria desde el inicio?
No se porque rayos se me desmaqutaron las cards cuando agregué el de 'replaceChild' y se me generaron nodos de espacios en blanco que arruinaban todo, pero se solucionó con display flex.
Jon, gracias por el contenido, muy buen contenido, tengo una pregunta, me sale el siguiente error: dom.js:269 Uncaught TypeError: Cannot read property 'content' of null. ($template = document.getElementById("template-card").content,), a que se debe?
como puedo hacer que una imagen funcione como enlace es decir como instagram que tu le das click a la foto y te lleva a la pagina de la foto con todos sus datos es que estoy haciendo una plantilla html para una galeria de publicaciones para el sitio web de mi papa y me gustaria que en ves de tener un enlace encima de la foto parecido a la tarjetas con las imagenes de los ultimos video sea solo la foto y al darle click te lleve a la pagina con todos los datos de la publicacion por favor jon me gustaria tu repuesta MIL GRACIAS por este curso he aprendido muchisimo voy a compartir todos los videos que pueda para que la gente que se interese por este mundo de la programacion web este con el mejor maestro MIL GRACIAS!!!!
Pues sólo mete la imagen a un enlace y listo y si la info que tienes que generar es dínámica, entonces asigname un evento a la imagen a la hora de darle click, saludos :)
Profe Jon, hay disculpe la letanía pero la verdad no he encontrado una respuesta satisfactoria. No consigo encontrar una diferencia clara entre importNode y cloneNode. Muchos mencionan que se usa para importar un nodo de un documento origen "A" a un documento destino "B". Y clone es para copiar un nodo de un documento "A" e insertarlo al mismo documento "A·. Sin embargo ambos métodos funcionan en ambos casos. Por otra parte, en ambos casos las palabras importar y copiar no representan diferencia alguna más allá de ser palabras distintas ya que en la practica se obtiene un elemento html en un documento javascript y en el mismo documento se realiza la copia, ya sea con importNode o cloneNode. En ambos métodos se pasa como argumento de los métodos un nodo que ya se encuentra en el documento js y se copia. Ni stack overflow, ni google ni GPT logran dar una respuesta consistente en estos tiempos. Si fuese el caso que importNode logra importar el nodo desde el documento html, no funcionaría aplicando el método a un documento de origen distinto al nodo importado, y funciona, ya que siempre se recurre a tomar el nodo que ya se encuentra en el documento js. Incluso si creas el elemento dentro del propio documento js. Espero tenga por ahí una respuesta, saludos!
No te compliques por pequeñeces, enfocate en dar soluciones a tus desarrollos, yo no me preocuparía tanto por una cuestión técnica de opciones que te da el lenguaje, yo invertiría mi energía en cosas más hacía mi práctica y desarrollo profesional, es como la eterna discusión que algunos colegas tiene sobre como declarar un elemento del DOM o un objeto en JS con let o con const, lo cierto es que da igual, trabaja con lo que te resuene y no pierdas el tiempo con tecnicísmos
@@jonmircha Gracias prof, de pronto uno al no saber, no sabe que tanto es lo que no sabe y se pierde en lo que es fundamental y que no. Pero estas palabras las podría aplicar en un sin fin de momentos en los que siento que caigo en rabbit holes y no me doy cuenta. A uno acá de autodidacta le sirven estos comentarios como brujula de cual actitud mantener en el estudio. Graciasde verdad!
Por aquí tomando el mejor curso en español de JavaScript que existe en el planeta tierra 🌍.
Muchas gracias Jon ❤
Gracias a ti!👋🏻😉
Ojala hubieran otros 60 vídeos del DOM, me encanta como se abren nuevas posibilidades, Gracias por tu dedicación al haber creado este curso Maestro
:) De nada, comparte para llegar a más gente
Gracias sensei, a seguir metiendole!
Vamos!👋🏻😉
sept 11 1969**Nov 15 2023
gracias excelente curso
felicidades John Mircha
👋🏻😉
🧙♂Muchas gracias, muy buen curso!!!
😉👍🏻
Muy Agradecido!!!!!!
😉👋🏻
Ya 70 clases! seguimos! Gracias!
Felicidades!👋🏻😉
Todos estos métodos de la API Web para insertar nodos .. Muy eficaces y fáciles de implementar.. Gracias por sus explicaciones.. Saludos desde Venezuela (25/02/2021)
De nada!!!
Excelente sus clases Maestro JON
Gracias por tu apoyo
gracias excelente video
Gracias por comentar
He estado aprendiendo javascript por mi cuenta por algunos proyectos que estoy haciendo y me toco usar estos metodos, voy a revisar ahora los nuevos metodos para que me faciliten la vida, espero.
;)
Bendiciones Jon, mil y mil gracias 🧙♂️🧙♂️🧙♂️
😉👍🏻
Gracias Jonathan!! por todo!!!!
Aveces me siento tan decepcionado cuando veo que no se casi nada pero con jonmircha me inspira hacer algun dia como el
🙈🙌🏻
Muchas gracias!
Con gusto
Grande MAESTRO JON, pero le pongo tanta atencion a la clase para que al final diga "ahora hay un metodo mejor en el siguiente video" xd jajjajaj
jajajaja yo que ¯\_(ツ)_/¯ JS que se actualiza constantemente
Wao hace 3 meses fue esto xd ya estoy en otro nivel. Suerte 🤧
@@maycolchristianelcorrobarr41 y que nivel estas ahora despues de vairios meses
@@joelleiva6952 actualmente soy semi senior. React frontend.
@@joelleiva6952 y debo agradecer mucho al maestro @jonmircha en mis inicios. Ya pasare por ahi.
El método .cloneNode() se usa para clonar un nodo. Si solo asignamos en una variable A un nodo guardado en otra variable B lo qeu en verdad se eata haciendo es una referencia. Por lo tanto si modificamos una la variable A tambie se modificará la variable B. Con el método .cloneNode() se crea una copia independiente.
Este problema tambien lo presenta los Arrays y por eso hay métodos para copiar Arrays.
tu contenido es genial Jon. gracias por tu dedicación.
😉👋🏻
Muy buena explicación!!
Gracias!
Como siempre, buen video!
Gracias!
Eres lo maximo Jon Dios te bendiga
Gracias por tus bendiciones !!!
Bien explicado, Jon ! Gracias
Con gusto
Master! se aprende mucho en tus cursos, no pares de enseñar
Con mucho gusto
gracias por el curso maestro :)
De nada :)
buena clase
😉👋🏻
Me ahorre la clase xD, vamos de frente al 71
😅
buen video!
gracias
Al parecer me falta aun para llegar a la mitad del curso, debo decir que ese me hizo complicado aprender la sintaxis y entender la logica(aun me cuesta) pero cada video entiendo un poco mas y aunque debo decir que estoy viendome estos dias de corrido todo es un poco pesado XD
Aun asi gracias profe mucha gente dice lo mucho que le sirvio y pienso que sera lo mismo para mi aunque aveces creo que no puedo ... En fin a seguir
Comentare cuando llegue a la clase 165 :D
Abrazos profe!!!
😉🙌🏻
Tengo una duda. Si en la página principal tengo un nav o footer y quiero que otras páginas de mi sitio también los incluyan, ¿cómo puedo hacer para que, al realizar un cambio en el nav o footer, esos cambios se apliquen automáticamente en todas las páginas? ¿Es posible hacerlo con JavaScript o debería usar otro lenguaje?
Te sugiero que veas mi curso de 11ty ua-cam.com/video/yCF9l4_E5rI/v-deo.html
Profesor, cuando pongo $cards.removeChild($cards.lastElementChild) no me elimina mi último elemento pero si pongo por ejemplo $cards.removeChild($cards.children[4]) si se elimina. ¿Aluna idea de qué puede ser?
:O
Cual seria la definición exacta de nodos en este contexto? Por ahora lo veo como cualquier etiqueta (desde su apertura hasta su cierre) o salto de línea
Gracias, seguimos adelante!! =)
Como viene el temario de este curso? Luego seguiremos con React profe?
React será un curso aparte :)
Profesor Jon, saludos, tengo una duda no encuentro diferencia entre importNode y el metodo mensionado en esta clase (cloneNode), se ve que tienen el mismo fin, pero en que las diferencia?
El importNode: como su nombre lo dice importa una estructura/nodo desde el documento HTML.
El cloneNode: como su nombre lo dice clona una estructura/nodo desde el mismo documento.
@@MsRodrivas gracias amigo
Yo tengo la misma duda y la verdad no he encontrado una respuesta satisfactoria. Muchos mencionan que se usa para importar un nodo de un documento origen "A" a un documento destino "B". Y clone es para copiar un nodo de un documento "A" e insertarlo al mismo documento "A·. Sin embargo ambos métodos funcionan en ambos casos. Por otra parte, en ambos casos las palabras importar y copiar no representan diferencia alguna más allá de ser palabras distintas ya que en la practica se obtiene un elemento html en un documento javascript y en el mismo documento se realiza la copia, ya sea con importNode o cloneNode. En ambos métodos se pasa como argumento de los métodos un nodo que ya se encuentra en el documento js y se copia. Ni stack overflow, ni google ni GPT logran dar una respuesta consistente en estos tiempos. Si fuese el caso que importNode logra importar el nodo desde el documento html, no funcionaría aplicando el método a un documento de origen distinto al nodo importado, y funciona, ya que siempre se recurre a tomar el nodo que ya se encuentra en el documento js. Incluso si creas el elemento dentro del propio documento js.
Los metodos que vemos en los videos, es suficiente con tenerlos en un resumen y ir aprendiendolos a la larga sobre la practica. O es necesario aprenderlos de memoria desde el inicio?
La programación no es de memorizar
No se porque rayos se me desmaqutaron las cards cuando agregué el de 'replaceChild' y se me generaron nodos de espacios en blanco que arruinaban todo, pero se solucionó con display flex.
:O
@@jonmircha saludos desde Monterrey sensei, re bueno el curso.
Jon, gracias por el contenido, muy buen contenido, tengo una pregunta, me sale el siguiente error: dom.js:269 Uncaught TypeError: Cannot read property 'content' of null. ($template = document.getElementById("template-card").content,), a que se debe?
Ya paso un año, pero es por que en tu html, el template tiene colocado mal el id="template-card"
🤑🤑🤑🤑🤑🤑
Dejo mi marca por aca y en meses vuelvo
👋🏻😉
como puedo hacer que una imagen funcione como enlace es decir como instagram que tu le das click a la foto y te lleva a la pagina de la foto con todos sus datos es que estoy haciendo una plantilla html para una galeria de publicaciones para el sitio web de mi papa y me gustaria que en ves de tener un enlace encima de la foto parecido a la tarjetas con las imagenes de los ultimos video sea solo la foto y al darle click te lleve a la pagina con todos los datos de la publicacion por favor jon me gustaria tu repuesta MIL GRACIAS por este curso he aprendido muchisimo voy a compartir todos los videos que pueda para que la gente que se interese por este mundo de la programacion web este con el mejor maestro MIL GRACIAS!!!!
Pues sólo mete la imagen a un enlace y listo y si la info que tienes que generar es dínámica, entonces asigname un evento a la imagen a la hora de darle click, saludos :)
en pleno 2024 placeimg ya no existe profesor :c
👋🏻😉 usa picsum.photos/
@@jonmircha gracias profesor
Profe Jon, hay disculpe la letanía pero la verdad no he encontrado una respuesta satisfactoria. No consigo encontrar una diferencia clara entre importNode y cloneNode. Muchos mencionan que se usa para importar un nodo de un documento origen "A" a un documento destino "B". Y clone es para copiar un nodo de un documento "A" e insertarlo al mismo documento "A·. Sin embargo ambos métodos funcionan en ambos casos. Por otra parte, en ambos casos las palabras importar y copiar no representan diferencia alguna más allá de ser palabras distintas ya que en la practica se obtiene un elemento html en un documento javascript y en el mismo documento se realiza la copia, ya sea con importNode o cloneNode. En ambos métodos se pasa como argumento de los métodos un nodo que ya se encuentra en el documento js y se copia. Ni stack overflow, ni google ni GPT logran dar una respuesta consistente en estos tiempos. Si fuese el caso que importNode logra importar el nodo desde el documento html, no funcionaría aplicando el método a un documento de origen distinto al nodo importado, y funciona, ya que siempre se recurre a tomar el nodo que ya se encuentra en el documento js. Incluso si creas el elemento dentro del propio documento js. Espero tenga por ahí una respuesta, saludos!
No te compliques por pequeñeces, enfocate en dar soluciones a tus desarrollos, yo no me preocuparía tanto por una cuestión técnica de opciones que te da el lenguaje, yo invertiría mi energía en cosas más hacía mi práctica y desarrollo profesional, es como la eterna discusión que algunos colegas tiene sobre como declarar un elemento del DOM o un objeto en JS con let o con const, lo cierto es que da igual, trabaja con lo que te resuene y no pierdas el tiempo con tecnicísmos
@@jonmircha Gracias prof, de pronto uno al no saber, no sabe que tanto es lo que no sabe y se pierde en lo que es fundamental y que no. Pero estas palabras las podría aplicar en un sin fin de momentos en los que siento que caigo en rabbit holes y no me doy cuenta. A uno acá de autodidacta le sirven estos comentarios como brujula de cual actitud mantener en el estudio. Graciasde verdad!
Yo hice lo siguiente ya que tengo la template elaborada aún:
document.body.lastElementChild.previousElementSibling.before($clonCards);
Bien explicado, Jon! gracias
Gracias por comentar