@@juancarlosvillan7619 consulta , en necesario ver algo de type script para entrar al mundo de reacjs o solo con html , css y js ya se puede comprender el frame ? espero que me puedan ayudar y saludos.
Muy bien explicado todo Jonathan, es interesante ver la diferencia entre firstChild y firstElementChild, puede ahorrarte horas de busqueda de fallos en el codigo, gracias de nuevo :)
No se me ocurrió en qué podría llegar a usar esto, hasta dudé de ponerlo en las notas que voy tomando, pero por las dudas lo dejé anotado al recordar que en CSS a partir de un elemento no podemos seleccionar al padre, abuelo... Sólo a los descendientes. Lo dejo anotado por si me llega a servir en algún momento, ya que siempre entro a mis notas a echarles un vistazo.
Estoy siguiendo todos tus videos de DOM y la verdad es que tus explicacion se hacen muy dinamicas y entretenidad a la vez que muy aclarativas. Gracias por compartir y ayudarme a aumentar mis conociomientos en el DOM y en Javascript en general
Muy buenos los vídeos!. Ya me falta poco para llegar al 126 jaja El código que queda escrito en los archivos JS lo estas subiendo a algún lado ? Seria bueno tenerlo como ayuda memoria
Muy buen video Jon , solo una pregunta , cuando usamos la propiedad parentElement , siempre hara referencia al body??? , si por ejemplo , hubieras hecho lo mismo pero con uno de los hijos de card ejemplo , $card.children[2].parentElement, hubiera devuelto al padre osea al section? o siempre devuelve el body
profe cuando utilizo document.createTextNode() me da error " no puede leer la propiedad textNode undefiend": mi codigo let estacionesAnio = ['otoño','primavera','invierno','verano']; let ul4 = document.createElement('ul'); let fragment = document.createDocumentFragment(); estacionesAnio.forEach((estation)=>{ let li = document.createElement('li'); li.document.createTexNode(estation); // agrego al fragmento el contenido del ul fragment.appendChild(li); });
Estoy usando como ejemplo un div que de elemento hermano supuestamente tiene una etiqueta , pero me sale null al llamarlo ¿ alguien sabe que pacho?, el script está al fondo del html así se cargan todos los elementos primero
Otra pregunta, como hago para sacar la url de una imagen añadida como background Image? Si utilizo el querySelector('.photo') .style.backdroundImage, me retorna url("htps://imageQueNecesito"), y quería solo htps://imageQueNecesito, sin url ni los paréntesis. Alguna idea? Gracias !!
Hola! Primero agradecer por el excelente curso! Tengo una duda por que al hacer: const $cards = document.getElementsByClassName('cards'); console.log($cards.children); me dice undefined?
Alguien sabe como se puede imprimir el contenido de la etiqueta? document.querySelector('.loQueSea') imprime toda la etiqueta, por ejemplo Hola, pero yo quería saber como puedo imprimir por consola Hola, a través de Javascript. Gracias !!
Veo que varios compañeros en sus apuntes se hacen pelotas, sobre todo al entender el primer elemento o nodo que pueden traer los metodos expuestos, se van creyendo que '.firstchild' hace referencia al espacio vaciò, no amigos, firstchild hace referencia al primer nodo, en el ejemplo del profe era el espacio vacio, pero no siempre va a funcionar de la misma manera. Saludos profe, en mi vida hubiese pensado que iba a entender JS
Un pequeño truco por si no lo habian pensado. "console.log($cards.children[$cards.children.length- 1])" Tambien retorna el ultimo elemento (Como en los arrays).
bro te he escrito mensajes por instagram pero jejje no me contestas me gustaria preguntarte algo pero jejje te agradezco si mme contestas por alli jejeje
Impresionante
✌🏻
Buen video, Jon! gracias
Con gusto
Excelente vídeo!
😉👋🏻
Gracias Sensei!
👋🏻😉
🧙♂Muchas gracias, muy bueno el curso!!!
Gracias por comentar
sept 11 1969**Nov 14 2023
gracias excelente curso
felicidades John Mircha
Gracias, saludos👋🏻😉
Muchas gracias!
De nada!
Poco a poco voy viendo como funciona el DOM. Gracias Mr.Mircha
Excelente!👋🏻😉
Me quedo todo claro. Muchas gracias!
Con mucho gusto
gracias excelente video
Gracias por comentar
Muy buen video
👋🏻
Muy interesante profundizar en esto John, la mayoria vamos a por los frameworks a chocar con una gran muralla por no conocer estas bases...
Exacto :P
como lo sabes? yo recién voy a entrar a React y no se que me dio por aprender/repasar a ver estos temas
@@gonzalovidal9079 ya te diste cuenta ? xDDD
@@juancarlosvillan7619 consulta , en necesario ver algo de type script para entrar al mundo de reacjs o solo con html , css y js ya se puede comprender el frame ? espero que me puedan ayudar y saludos.
Aquí dejando mi comentario para posicionar mejor estos videos!!
Gracias! 😊
🥳🥳🥳🥳🥳🥳
Excelente @jonmircha ! me siento intrigado por querer llegar a tus últimos videos pero poco a poco profundizando más y más ;)
Excelente!
Estoy haciendo tu curso entero, me encanta.
Gracias por tu apoyo
👏👏👏 🙏🙏🙏
👋🏻😉
Master! por favor no bajes los bazos y sigue compartiendo cosas tan lindas como este maravilloso curso!!!
😉🙌🏻
Muy bien explicado todo Jonathan, es interesante ver la diferencia entre firstChild y firstElementChild, puede ahorrarte horas de busqueda de fallos en el codigo, gracias de nuevo :)
;)
Super genial la clase!!!!
Gracias! 😊
No se me ocurrió en qué podría llegar a usar esto, hasta dudé de ponerlo en las notas que voy tomando, pero por las dudas lo dejé anotado al recordar que en CSS a partir de un elemento no podemos seleccionar al padre, abuelo... Sólo a los descendientes. Lo dejo anotado por si me llega a servir en algún momento, ya que siempre entro a mis notas a echarles un vistazo.
Que buen curso jonmircha sigue haci
😃👍🏻
Genial maestro..
🤓👍🏻
Estoy siguiendo todos tus videos de DOM y la verdad es que tus explicacion se hacen muy dinamicas y entretenidad a la vez que muy aclarativas. Gracias por compartir y ayudarme a aumentar mis conociomientos en el DOM y en Javascript en general
Gracias maestro JonMircha poco a poco aprendiendo mas :)
Excelente!
tremendo!
Excelente explicación!!
Hola, muchas gracias
Está explicación estuvo muy clara y muy útil
Muchas gracias profe
🧙♂️🧙♂️🧙♂️
😉🙌🏻
Muy buenos los vídeos!. Ya me falta poco para llegar al 126 jaja
El código que queda escrito en los archivos JS lo estas subiendo a algún lado ? Seria bueno tenerlo como ayuda memoria
Cuando acabe el curso vere la opción de publicar el código :)
@@jonmircha Genial! Por cierto, muy bueno laburo como docente en estos videos. Se entiende todo perfecto.
Muy buen video Jon , solo una pregunta , cuando usamos la propiedad parentElement , siempre hara referencia al body??? , si por ejemplo , hubieras hecho lo mismo pero con uno de los hijos de card ejemplo , $card.children[2].parentElement, hubiera devuelto al padre osea al section? o siempre devuelve el body
devuelve el padre inmediato
👏👏🙌🙌✅✅❇️❇️
Jon Rules con el prettier !! jaja
profe cuando utilizo document.createTextNode() me da error " no puede leer la propiedad textNode undefiend": mi codigo
let estacionesAnio = ['otoño','primavera','invierno','verano'];
let ul4 = document.createElement('ul');
let fragment = document.createDocumentFragment();
estacionesAnio.forEach((estation)=>{
let li = document.createElement('li');
li.document.createTexNode(estation);
// agrego al fragmento el contenido del ul
fragment.appendChild(li);
});
Cuando te dice undefined, es que tienes un error de dedo en los nombres de tus variables
Estoy usando como ejemplo un div que de elemento hermano supuestamente tiene una etiqueta , pero me sale null al llamarlo ¿ alguien sabe que pacho?, el script está al fondo del html así se cargan todos los elementos primero
Otra pregunta, como hago para sacar la url de una imagen añadida como background Image? Si utilizo el querySelector('.photo') .style.backdroundImage, me retorna url("htps://imageQueNecesito"), y quería solo htps://imageQueNecesito, sin url ni los paréntesis. Alguna idea? Gracias !!
Pues extrae la subcadena que necesites de la cadena original, hay varios métodos de strings que te pueden servir para eso
Hola! Primero agradecer por el excelente curso! Tengo una duda por que al hacer:
const $cards = document.getElementsByClassName('cards');
console.log($cards.children);
me dice undefined?
No lo sé, sube tu código a un codepen o codesandbox
Alguien sabe como se puede imprimir el contenido de la etiqueta? document.querySelector('.loQueSea') imprime toda la etiqueta, por ejemplo Hola, pero yo quería saber como puedo imprimir por consola Hola, a través de Javascript. Gracias !!
Eso te lo explico en las siguientes clases
@@jonmircha Sí lo he visto He conseguido hacerlo con document.querySelector('.loQueSea').innerText. Gracias.
Veo que varios compañeros en sus apuntes se hacen pelotas, sobre todo al entender el primer elemento o nodo que pueden traer los metodos expuestos, se van creyendo que '.firstchild' hace referencia al espacio vaciò, no amigos, firstchild hace referencia al primer nodo, en el ejemplo del profe era el espacio vacio, pero no siempre va a funcionar de la misma manera.
Saludos profe, en mi vida hubiese pensado que iba a entender JS
😉👋🏻
Hasta los comentarios son nodos.
😉
Un pequeño truco por si no lo habian pensado. "console.log($cards.children[$cards.children.length- 1])" Tambien retorna el ultimo elemento (Como en los arrays).
👍🏻
bro te he escrito mensajes por instagram pero jejje no me contestas me gustaria preguntarte algo pero jejje te agradezco si mme contestas por alli jejeje