viendo codigos siempre me volaba la cabeza tratar de entender por que anteponian el signo $ y hoy rapidito y sencillo el profe explica por que y para que min 12:01 , aun profundiza diciendo que no es hoy por hoy referencia de jquery sino que hoy en dia tiene otro uso, esa informacion asi de concreta sencilla no la habia encontrado en ningun lado. gracias🙌 profe por enseñar asi de contundente 😎
Estaba en un curso de asincronismo en Platzi y venía buscando un tutorial del objeto XMLHttpRequest pero me quedé en todo tu curso, hay cosas que Platzi no maneja a profundidad y tú si y que son importantes de entender, me hiciste ver que aún me faltaban conceptos para poder seguir adelante con mi preparación. Gracias Jon.
Muchas gracias por el contenido, una cosa importante es que cuando accedemos a los atributos data lo hacemos mediante la propiedad dataset del elemento, y para poder acceder a la propiedad con el valor del atributo necesitamos usar camelCase
Hola Jon, no te imaginas lo que me está sirviendo este curso. Llevaba tiempo dando saltos de un curso a otro y en este es en el que realmente estoy aprendiendo. Lo he compartido por varios grupos de telegram y a amigos que están estudiando programación como yo. Muchas gracias y un saludo!
function tituloDinamico(){ let i = 0 setInterval(() => { i++ document.title = `DOM - Cambio nº ${i}` }, 1000); } tituloDinamico() Prueben ese código!! Gracias Jon, me está encantando toda esta parte del DOM. Veo que hay mucho potencial con esto, espero llegar lejos. Saludos!!
Este tema lo manejaba pero siempre explicas cosas q desconocia, lo del $ por ejemplo en elementos del DOM. Estoy aprendiendo mucho, gracias!! y ojala sigas con uno de React despues de esto, es asombroso!!
otro buen video me entere del atributo data a los coñasos hace unos dias me toco usarlo y aqui el maestro tambien lo explica 🤠🤠🤠🤠 ahora si me quedo claro como funciona
Al final del vídeo, para remover el data-id, poniéndolo dentro de en un console, lo marca como undefined, más bien es declararlo con la pura variable, por si nota alguien que no le funciona.
Como estoy comenzando no sabia de data-attributes, lo busque, encontre y entendi, recien cuando lo entendi segui viendo la clase, excelente como siempre 😁😁😁😁 Es mi primera vez viendo al DOM pero me esta gustando solo que siento que es bastante teoria aunque se que vale la pena. Saludos
respecto a los data-attributes leí una vez que se considera buena practica usar data-attributes para tomar los elementos HTML con los que necesitemos trabajar en Js y dejar los atributos de clase u otros selectores para el CSS, de esta forma se logra desacoplar el CSS del Js y si luego por algún motivo queremos cambiarle el nombre a un atributo de clase, o hacer algún cambio respecto al CSS eso no va a afectar el Js.
Excelente, sencillo e ilustrativo. En mi caso, considero que falta aprender a usar e interpretar el inspector Chrome, uso de debuger en la linea de código y la inspección de variables etc, entender perfomance, network etc.
Jon gracias por el curso. Tengo una duda, cuando tomamos elementos del dom y los guardamos en un const,el nombre de tal no deberia der en mayuscua? const $HOLA=...
No por que como tal no es un valor CONSTANTE en mayúsculas suelen escribirse valores PRIMITIVOS que no cambian por ejemplo PI, pero los elementos del DOM aunque siguen siendo los mismos, son dínamicos por que podemos modificar su contenido y sus atributos
hola @jonmircha queria pedirte un favor si quiero usar query selector all como accedo a las propiedades de los elementos que seleccione, ejemplo ar atributo = document.querySelector("p").getAttribute("data-topic-name"); quiero acceder a todos los elementos p y mostrar las propiedades data-topic-name para hacer una validacion perdon por molestar.
11:45 const en este caso es facil de entender porque ni si quiera cambia esa "variable compuesta", linkDOM siempre apunta al mismo elemento del html a través del selector que fue declarado como const. Lo que varía es, al ser usado en un futuro, el elemento del html al que apunta. Nunca estaríamos modificando lo que guarda const que es el selector de ese elemento especifico del html
Hey @jonmircha consulta: Por qué console.log($linkDOM.dataset); sólo guarda como propiedad de aquel DOMStringMap el data-id y no guarda dentro al data-description?
@@jonmircha data-id y data-description son data-attributes cierto? Mi pregunta es porque en el video sólo guardó el data-id? Disculpa si estoy preguntando algo obvio o redundante, pero si no salgo de esa duda no duermo hoy 😂
@@jovinoguerrero5419 seguro ya te has dado cuenta pero lo que comentás no ocurre, es más, primero Jon sólo tiene el data-description, que al hacer dataset lo obtiene, y luego agrega el data-id, que con el dataset trae tanto el description como el id. Si seguís con la duda te recomiendo que veas el final del video
mircha pero me da un error de redeclaration, si pongo const me sale como en azul turqueza y let me sasle azul normal pero en ambos casos me dice algo de redeclaration let $doe = document.querySelector(".ti-do") Uncaught SyntaxError: redeclaration of let $doe
Buscando por internet parece ser que la anotación del . es más rápida aparte de que es más legible, en mi opinión usaré esa a menos que me de algún problema.
profe que tal un workshop pago con vuejs una app compleja con componentes donde se aclare lo de vuex y vue-router , ese tema es complicado , pues profe dejo esa opinion sobre la mesa . gracias por su atencion
Te soy honesto, no he trabajado lo suficiente con Vue como para hacer un curso así, a diferencia de con React, pero si quieres aprender Vue como pro te sugiero el sitio de Juan Andrés Nuñez escuelavue.es/
Jon Cuanto dura este Curso? 90 100 120 130 140 150 o incluso mas me gustaria saber Gracias por tu gran aporte que dios te bendiga a ti y a tus conocimientos que con alegria nos compartes en tus videos mil GRACIAS
No lo se, los voy grabando de a poco, y la verdad es que no me fijo en el número, pero más o menos yo creo que el curso terminará en mas menos 150 videos :P
buen video profe! solo una consulta , a la hora de editar atributos , solo se edita el atributo de el primer selector que encuentre??, estuve haciendo mis pruebas y puse 3 imagenes con la misma clase , pero a la hora que edite el atributo alt de la imagen , solo se me edito el primero , no hay una forma de editar el atributo alt , de las 3 imagenes al mismo tiempo??
Profe tengo un problema, estoy investigando y no logro encontrar una solución... Cuando uso este console log: console.log(document.querySelector(".link-dom").href); Mi navegador que es safari me da este error: TypeError: null is not an object (evaluating 'document.querySelector(".link-dom").href') Revise mi html y mi código en JS y todo parece estar bien, depronto sabes que podría ayudarme a arreglar el problema?
YA LO SOLUCIONEEEEEEEEE llevo todo el dia en esto jajaja, Pero no podia quedarme sin arreglarlo, resulta que en mi caso el problema es como funciona JavaScript, y resulta que el script se esta iniciando en el HTML ANTES de declarar esa etiqueta o clase ".link-dom", entonces lo solucione solo llevando el llamado del script hasta el final de body. y ya todo esta en orden. Comparto esto por si a alguien le llega a pasar lo mismo
Hola Jon, ya voy por esta parte del curso, y quería preguntarte si crees que pueda seguir con el DOM sin problemas sin haber visto la parte de animaciones y transiciones del curso de CSS? Crees que haya alguna complicación o algo así al aprender el DOM sin saber eso? (los cursos anteriores a ese de CSS sí me los vi y entendí perfectamente todo)
Jhon gracias por el cursoo.. ahora una duda.... con el codigo de JS que sirve para añadir clases por ejemplo $linkDom.setAttribute('class', 'claseDesdeJS') ese metodo solo añade la clase desde el JavaScript reemplazando a la que tenia en el HTML, la pregunta es ¿como hago para que se le sume otra clase desde JavaScript en vez de reemplazarla ??
Al hacer esto: document.documentElement.lang = "en"; No se me cambia el valor de la etiqueta lang, sigue en "es". Tampoco me funciona con document.documentElement.setAttribute("lang", "es-MX"); ¿Qué puede ser?
¿Por qué cuando doy clic en el " DOM " abre unan nueva página pero no carga nada?, dice " No se pudo acceder a tu archivo, (Es posible que se haya movido, editado o borrado)" :/
@@guillermorivadeneira385 pues lo que diga un youtuber si no hay referencias es irrelevante, máxime cuando otros "grandes" programadores lo desaconsejan o en la página oficial no hace mención. Yo deduzco que es un vicio-ocurrencia arrastrado de otro lenguaje, como php...
@@matiasromera330 la idea es acercarse lo más posible a un estándar de programación. Si trabajas solo es irrelevante, si trabajas en grupo necesitas estándares por lo que es importante las referencias y dejar de lado ocurrencias de un "docente"
@@jonmircha No pensé recibir una respuesta de un grande. Contexto: No había entendido bien el DOM para el proyecto de la aplicación WEB y vine a los tutoriales de un grande
@@jonmircha ya se ingles, por lo menos leído, pero para los que estamos aprendiendo programación es mas fácil diferenciar entre una palabra en ingles reservada para el lenguaje y una palabra en español creada para el programa, de esta manera por motivos didácticos se aprende mas rápido diferenciando la estructura que hace el programador y la estructura programática que trae por defecto el lenguaje, es una ventaja.
@Obipolare no utilice palabras reservadas para mí página, utilice palabras en Español y con acento también la tengo en firebase y corre excelente también tengo un dominio con ñ y funciona excelente
Hola Jon, antes que nada te agradezco tu enseñanza y esfuerzo Me llamó mucho la atencion estas lineas de código $linkDOM.setAttribute("target", "_blank"); $linkDOM.setAttribute("rel", "noopener"); $linkDOM.setAttribute("href", "th-cam.com/users/jonmircha"); Si ya abriste la ventana con _blank, ¿por qué abre la pagina posteriormente con tu página? Gracias, espero me puedas contestar y agradezco nuevamente tu enseñanza
Jon, no entiendo por qué solo me funciona con el atributo lang y no con el resto. ¿Qué hago mal? El resto de los atributos me devuelve esto: console.log(document.documentElement.getAttribute("lang")); // es console.log(document.documentElement.getAttribute("charset")); // null console.log(document.documentElement.getAttribute("data-description")); // null console.log(document.documentElement.getAttribute("src")); // null console.log(document.documentElement.src); / / undefined
Por que esos atributos nolos tiene la etiqueta html, document.documentElement hace referencia a la etiqueta html, tienes que hacer referencia a la etiqueta que tenga esos atributos
![BOWKYLION - วิงวอน (ex-change) [Official MV]](http://i.ytimg.com/vi/cLdnZWDaO-w/mqdefault.jpg)
viendo codigos siempre me volaba la cabeza tratar de entender por que anteponian el signo $ y hoy rapidito y sencillo el profe explica por que y para que min 12:01 , aun profundiza diciendo que no es hoy por hoy referencia de jquery sino que hoy en dia tiene otro uso, esa informacion asi de concreta sencilla no la habia encontrado en ningun lado.
gracias🙌 profe por enseñar asi de contundente 😎
😉👌
Estaba en un curso de asincronismo en Platzi y venía buscando un tutorial del objeto XMLHttpRequest pero me quedé en todo tu curso, hay cosas que Platzi no maneja a profundidad y tú si y que son importantes de entender, me hiciste ver que aún me faltaban conceptos para poder seguir adelante con mi preparación. Gracias Jon.
😉👋🏻
Muchas gracias por el contenido, una cosa importante es que cuando accedemos a los atributos data lo hacemos mediante la propiedad dataset del elemento, y para poder acceder a la propiedad con el valor del atributo necesitamos usar camelCase
👋🏻😉
CLARO QUE APORTA VALOR, tanto así que me volvió a dar fé en que SI PUEDO construir mi carrera como desarrollador :)
;)
Hola Jon, no te imaginas lo que me está sirviendo este curso. Llevaba tiempo dando saltos de un curso a otro y en este es en el que realmente estoy aprendiendo. Lo he compartido por varios grupos de telegram y a amigos que están estudiando programación como yo.
Muchas gracias y un saludo!
😃👍🏻
function tituloDinamico(){
let i = 0
setInterval(() => {
i++
document.title = `DOM - Cambio nº ${i}`
}, 1000);
}
tituloDinamico()
Prueben ese código!!
Gracias Jon, me está encantando toda esta parte del DOM. Veo que hay mucho potencial con esto, espero llegar lejos. Saludos!!
Hola, porque funciona ese bucle si no esta autoejecutandose de vuelta ni es un for
Ah es un set interval, ya entendi
para los trastornados como yo que se les haya ocurrido pensar obtener de éstas etiquetas:
el valor del último content, se obtiene así:
document.head.querySelector("meta[name=viewport]").content
muy loco, suerte
jajajaja no es nada loco eso en CSS se llama selector de atributos 🤪😉
@@jonmircha jajaja 🤣🤣🤣 me queda tramo para seguir estudiando
Este tema lo manejaba pero siempre explicas cosas q desconocia, lo del $ por ejemplo en elementos del DOM. Estoy aprendiendo mucho, gracias!! y ojala sigas con uno de React despues de esto, es asombroso!!
De nada, comparte para llegar a más gente :)
@@jonmircha ¿si se viene el de React profe?
sept 11 1969**Nov 9 2023
gracias excelente curso
felicidades John Mircha
👋🏻😉
JonMircha = Renovador de Fe! jejej gracias Jon!!!!! Sube uno de React Jon please! saludos!
Gracias !!!! Todo aquel que ande por aqui, no dude que la CALIDAD de este curso es espectacular!
👋🏻😉
Jon sos una bestia, el manejo del DOM era lo que me faltaba para ser completo en JS.
😉👍🏻
Esta clase la he disfrutado mucho ya que he entendido muchas cosas del manejo de los atributos. Gracias Sr.Mircha
👋🏻😉
otro buen video me entere del atributo data a los coñasos hace unos dias me toco usarlo y aqui el maestro tambien lo explica 🤠🤠🤠🤠 ahora si me quedo claro como funciona
👋🏻😉
Si me ha pasado ver variables con $ como prefijo, ahora entiendo a que se refiere , gracias profesor por los ticks
👋🏻😉
Este curso es oro puro ✅🙌👏
👋🏻😉
Muchas gracias jon. Que tengas un buen día.
👋🏻😉
Al final del vídeo, para remover el data-id, poniéndolo dentro de en un console, lo marca como undefined, más bien es declararlo con la pura variable, por si nota alguien que no le funciona.
🧙♂Muchas gracias, muy buen curso!!!
Gracias por comentar
Fantástico! aprendi mucho! explicas muy bien!
Gracias por comentar
No conocía la practica. $linkDom.setAttribute("rel", "noopener");
Seguimos aprendiendo..
Saludos crack..
🤓
Gracias! bastante esclarecedor fue esta clase para mi.
Con mucho gusto
gracias por enseñar las buenas practicas, $gracias $gracias $gracias
😎🙌🏻
Esa del $ en la declaración no me la sabia, buen video
👋🏻😉
Excelente vídeo
Gracias por los conocimientos!
👋🏻😉
Gracias profe jon, este curso esta fenomenal !! :)
Gracias a ti!😉👍🏻
Quien lo diría, con ésta clase, ahora si entendí porque en React usamos const casi para todo... Excelente! Gracias!
Gracias por comentar
Mil gracias!
Con gusto
10:50 Jon en modo Aristóteles, hablando de sustancia y accidentes! un crack, nuestro filosofo developer!!!
🤭🤭
Master! Genial gracias por este curso Saludos
Con mucho gusto
mcuhas gracias , tus videos me ayudan mas que mis clases regulares XD
Con mucho gusto
gracias excelente video
Gracias por comentar
Como estoy comenzando no sabia de data-attributes, lo busque, encontre y entendi, recien cuando lo entendi segui viendo la clase, excelente como siempre 😁😁😁😁 Es mi primera vez viendo al DOM pero me esta gustando solo que siento que es bastante teoria aunque se que vale la pena. Saludos
Excelente!!
👋🏻😉
tambien tenia esa incognita del por que del signo dolar, gracias por explicar todos los pequeños detalles que para mi como novato son muy importantes
👋🏻😉
Excelente como siempre. Gracias
Gracias, saludos
Excelente explicación, si que aprendi muchas cosas nuevas, no conocia los data atributtw
Boom!!! Siempre aprendiendo algo nuevo con este Curso. Gracias gracias gracias.
Con mucho gusto
respecto a los data-attributes leí una vez que se considera buena practica usar data-attributes para tomar los elementos HTML con los que necesitemos trabajar en Js y dejar los atributos de clase u otros selectores para el CSS, de esta forma se logra desacoplar el CSS del Js y si luego por algún motivo queremos cambiarle el nombre a un atributo de clase, o hacer algún cambio respecto al CSS eso no va a afectar el Js.
Muchas gracias profe, excelente clase como siempre!!!!
Hola, muchas gracias
Gran video !
😉👍🏻
sin haberlo visto ya le doy like bro , no te conosco pero tus videos son muy buenos.
😉👋🏻
Excelente! Muchas gracias
😉👋🏻
Excelente, sencillo e ilustrativo.
En mi caso, considero que falta aprender a usar e interpretar el inspector Chrome, uso de debuger en la linea de código y la inspección de variables etc, entender perfomance, network etc.
COn calma, no hay prisa 🤗
TE AMO
🙈🙊
Excelente @jonmircha como siempre y sobretodo los tips que nos da como por ejemplo $ que usamos 12:35 gracias
De nada 🤓
Muchas Gracias Jonathan!!!! he visto el video y luego he estado practicando y todo bien :)
:)
gracias jon
Con gusto
seguimos ;) poco a poco se logra el objetivo :P
que interesante se está poniendo usar HTML con JS, de a poco me pondré al día :)
Excelente!
Insisto, estaría bien uno de svelte y de paso uno de angular con typescript. Explicas cosas curiosas.
6:25 jaja Que grande!!!
🤭
Excelente clase solo que la dirección 127.0.0.1 no es una dirección de brodcast es la dirección de localhsot
Gracias por la corrección :)
respecto a let y const leí una vez: usa const siempre y let cuando no quede opción.
Rompiendo los algoritmos de youtube! Ayuden comentando!
😉👍
Jon gracias por el curso. Tengo una duda, cuando tomamos elementos del dom y los guardamos en un const,el nombre de tal no deberia der en mayuscua?
const $HOLA=...
No por que como tal no es un valor CONSTANTE en mayúsculas suelen escribirse valores PRIMITIVOS que no cambian por ejemplo PI, pero los elementos del DOM aunque siguen siendo los mismos, son dínamicos por que podemos modificar su contenido y sus atributos
hola @jonmircha queria pedirte un favor si quiero usar query selector all como accedo a las propiedades de los elementos que seleccione, ejemplo ar atributo = document.querySelector("p").getAttribute("data-topic-name"); quiero acceder a todos los elementos p y mostrar las propiedades data-topic-name para hacer una validacion perdon por molestar.
Tendrías que utilizar un ciclo for o un forEach para recorrer cada uno de los elementos
11:45 const en este caso es facil de entender porque ni si quiera cambia esa "variable compuesta", linkDOM siempre apunta al mismo elemento del html a través del selector que fue declarado como const. Lo que varía es, al ser usado en un futuro, el elemento del html al que apunta. Nunca estaríamos modificando lo que guarda const que es el selector de ese elemento especifico del html
👍🏻
Hey @jonmircha consulta: Por qué console.log($linkDOM.dataset); sólo guarda como propiedad de aquel DOMStringMap el data-id y no guarda dentro al data-description?
guarda todos los data-attributes
@@jonmircha data-id y data-description son data-attributes cierto? Mi pregunta es porque en el video sólo guardó el data-id? Disculpa si estoy preguntando algo obvio o redundante, pero si no salgo de esa duda no duermo hoy 😂
@@jovinoguerrero5419 seguro ya te has dado cuenta pero lo que comentás no ocurre, es más, primero Jon sólo tiene el data-description, que al hacer dataset lo obtiene, y luego agrega el data-id, que con el dataset trae tanto el description como el id. Si seguís con la duda te recomiendo que veas el final del video
mircha pero me da un error de redeclaration, si pongo const me sale como en azul turqueza y let me sasle azul normal pero en ambos casos me dice algo de redeclaration let $doe = document.querySelector(".ti-do") Uncaught SyntaxError: redeclaration of let $doe
😮
Muito bonito OPA
😉👋🏻
Buscando por internet parece ser que la anotación del . es más rápida aparte de que es más legible, en mi opinión usaré esa a menos que me de algún problema.
profe que tal un workshop pago con vuejs una app compleja con componentes donde se aclare lo de vuex y vue-router , ese tema es complicado , pues profe dejo esa opinion sobre la mesa . gracias por su atencion
Te soy honesto, no he trabajado lo suficiente con Vue como para hacer un curso así, a diferencia de con React, pero si quieres aprender Vue como pro te sugiero el sitio de Juan Andrés Nuñez escuelavue.es/
@@jonmircha excelente profe gracias.
tu Batman me asusta jajaja a veces se ve cerca y a veces lejos jajaja
Ey Jon, mil gracias por tanto, bendiciones! 🧙♂️🧙♂️🧙♂️
🤭🦇🙌🏻
👏👏👏 🙏🙏🙏
👋🏻😉
Jon Cuanto dura este Curso? 90 100 120 130 140 150 o incluso mas me gustaria saber Gracias por tu gran aporte que dios te bendiga a ti y a tus conocimientos que con alegria nos compartes en tus videos mil GRACIAS
No lo se, los voy grabando de a poco, y la verdad es que no me fijo en el número, pero más o menos yo creo que el curso terminará en mas menos 150 videos :P
buen video profe! solo una consulta , a la hora de editar atributos , solo se edita el atributo de el primer selector que encuentre??, estuve haciendo mis pruebas y puse 3 imagenes con la misma clase , pero a la hora que edite el atributo alt de la imagen , solo se me edito el primero , no hay una forma de editar el atributo alt , de las 3 imagenes al mismo tiempo??
guárdalos en una variable con querySelectorAll y aplica un forEach
@@jonmircha Gracias profe , ya funciono :3
una pregunta jon, puedo crear data-attributtes dinamicamente con js?
sí
Profe tengo un problema, estoy investigando y no logro encontrar una solución...
Cuando uso este console log:
console.log(document.querySelector(".link-dom").href);
Mi navegador que es safari me da este error:
TypeError: null is not an object (evaluating 'document.querySelector(".link-dom").href')
Revise mi html y mi código en JS y todo parece estar bien, depronto sabes que podría ayudarme a arreglar el problema?
YA LO SOLUCIONEEEEEEEEE llevo todo el dia en esto jajaja, Pero no podia quedarme sin arreglarlo, resulta que en mi caso el problema es como funciona JavaScript, y resulta que el script se esta iniciando en el HTML ANTES de declarar esa etiqueta o clase ".link-dom", entonces lo solucione solo llevando el llamado del script hasta el final de body. y ya todo esta en orden.
Comparto esto por si a alguien le llega a pasar lo mismo
👋🏻😉
Jon, cuál es la manera que más te conviene para donaciones ? Patreon, paypal o youtube ?
Paypal 🙌🏻
4:17 direccion de loopback
Hola Jon, ya voy por esta parte del curso, y quería preguntarte si crees que pueda seguir con el DOM sin problemas sin haber visto la parte de animaciones y transiciones del curso de CSS? Crees que haya alguna complicación o algo así al aprender el DOM sin saber eso? (los cursos anteriores a ese de CSS sí me los vi y entendí perfectamente todo)
sin problemas, dale
@@jonmircha Gracias por responder! A por el DOM y el AJAX 😎, gracias por estos videos que valen oro
Jhon gracias por el cursoo.. ahora una duda.... con el codigo de JS que sirve para añadir clases por ejemplo $linkDom.setAttribute('class', 'claseDesdeJS') ese metodo solo añade la clase desde el JavaScript reemplazando a la que tenia en el HTML, la pregunta es ¿como hago para que se le sume otra clase desde JavaScript en vez de reemplazarla ??
Eso lo explico en la clase 65
@@jonmircha a oka entonces seguire viendo el curso .. Gracias!!
Al hacer esto:
document.documentElement.lang = "en";
No se me cambia el valor de la etiqueta lang, sigue en "es". Tampoco me funciona con document.documentElement.setAttribute("lang", "es-MX");
¿Qué puede ser?
no va a cambiar el codigo que escribiste, si no el codigo en vivo. JS lo modifica dinamicamente
No me funciona el document.documentElement.setAttribute("lang", "es-MX"); que puede ser?
🤔
¿Por qué cuando doy clic en el " DOM " abre unan nueva página pero no carga nada?, dice " No se pudo acceder a tu archivo, (Es posible que se haya movido, editado o borrado)" :/
🤔
jhon por que no estas trabajando para big tech? un hombre como vos facil pasa pruebas tecnicas sea google amazon o meta
Por que me gusta ser amo de mi tiempo, trabajando soy más como un lobo solitario y amo dar clases, mi ego no necesita trabajar en grandes empresas
@@jonmircha Ya vi el de html y css voy por js , espero algun dia tener la mitad de tu conocimiento,eres una verdadera inspiracion, saludos
console.log("bravo")
🤗
Hola gente alguien sabe que utilidad practica tienen los data attributes? los he visto en varios lugares pero me gustaria saber para que son utiles
Me gustaria saber lo mismo.
puedes pasar una referencia del uso de "$" en declaracion de variables? No encontre nada e incluso paginas donde desaconsejan su uso
te lo acaba de decir este gran promador. Y todavia buscas mas referencias ?
@@guillermorivadeneira385 pues lo que diga un youtuber si no hay referencias es irrelevante, máxime cuando otros "grandes" programadores lo desaconsejan o en la página oficial no hace mención. Yo deduzco que es un vicio-ocurrencia arrastrado de otro lenguaje, como php...
@@marczlong9382 tomalo o dejalo, preocupate por hacerlo como vos quieras
@@matiasromera330 la idea es acercarse lo más posible a un estándar de programación. Si trabajas solo es irrelevante, si trabajas en grupo necesitas estándares por lo que es importante las referencias y dejar de lado ocurrencias de un "docente"
@@marczlong9382 yo si trabajara en equipo lo propondría, no me parece mala idea.
12:00 me costo encontrar la explicación de porque utiliza el simblo de dolar.
;)
Cual es el equivalente en ingles de "buenas practicas" en español??? ... no creo que sea simplemente "good practices".
good parts 🤓
@@jonmircha Gracias Jonmircha-sensei
Best practice
Rodolfo me grito :(
😮
@@jonmircha No pensé recibir una respuesta de un grande.
Contexto: No había entendido bien el DOM para el proyecto de la aplicación WEB y vine a los tutoriales de un grande
Dia 2378136217 aun no me rindo :'v
😎👍
olvídate de la convención pon nombres en español, por favor.
No, aprende inglés :)
@@jonmircha ya se ingles, por lo menos leído, pero para los que estamos aprendiendo programación es mas fácil diferenciar entre una palabra en ingles reservada para el lenguaje y una palabra en español creada para el programa, de esta manera por motivos didácticos se aprende mas rápido diferenciando la estructura que hace el programador y la estructura programática que trae por defecto el lenguaje, es una ventaja.
@Obipolare no utilice palabras reservadas para mí página, utilice palabras en Español y con acento también la tengo en firebase y corre excelente también tengo un dominio con ñ y funciona excelente
Hola Jon, antes que nada te agradezco tu enseñanza y esfuerzo
Me llamó mucho la atencion estas lineas de código
$linkDOM.setAttribute("target", "_blank");
$linkDOM.setAttribute("rel", "noopener");
$linkDOM.setAttribute("href", "th-cam.com/users/jonmircha");
Si ya abriste la ventana con _blank, ¿por qué abre la pagina posteriormente con tu página?
Gracias, espero me puedas contestar y agradezco nuevamente tu enseñanza
Jon, no entiendo por qué solo me funciona con el atributo lang y no con el resto. ¿Qué hago mal?
El resto de los atributos me devuelve esto:
console.log(document.documentElement.getAttribute("lang")); // es
console.log(document.documentElement.getAttribute("charset")); // null
console.log(document.documentElement.getAttribute("data-description")); // null
console.log(document.documentElement.getAttribute("src")); // null
console.log(document.documentElement.src); / / undefined
Por que esos atributos nolos tiene la etiqueta html, document.documentElement hace referencia a la etiqueta html, tienes que hacer referencia a la etiqueta que tenga esos atributos
gracias excelente video
👋🏻😉