Me encanta el modo de comenzar los videos.Incluso mis hijos me repiten "Hola soy su amigo y docente digital " y con un tono musical, "Jonatan Mircha"...Me gustan muchos tus videos...Los recomiendo, los tuyos y los de pildoras informaticas. Hasta ahora, los que me gustais más para la autoformación. Felicidades.
Nunca había caído en cuenta sobre las peticiones al navegador... Siempre ejecutaba todo al navegador. La fragmentación es un excelente recurso. Muchas gracias...
Paso por aquí desde Argentina para agradecerte por todo lo bien que nos enseñas, de verdad eres un gran profesor, he aprendido muchísimo con tu contenido, tan bien explicado a detalle en cada tema.A pleno sigue dando de que hablar en este 2024 por todo lo que brindas.saludos!! Dios te bendiga Jon!!
He disfrutado muchísimo de este vídeo al ver que todas las explicaciones anteriores van encajando con cada una de las que va dando en cada nueva clase. Muchas gracias Sr. Mircha
Esooo Kenai jajaja, ya te extrañaba....La fiera con su épica entrada 🐕🐕🐕 Yo comento todo porque quiero dar un poco de valor a tu gran labor, espero que mucha mucha mucha gente pueda seguir tu valioso contenido. Bendiciones!!! 🧙♂️🧙♂️🧙♂️
Entiendo que también podés emular la función de los fragmentos con innerHTML usando una cadena común y corriente, concatenando los template strings en esta cadena para finalmente insertar la cadena una única vez en el DOM, sería algo así: let paises = ["Argentina","Brasil","Bolivia","Paraguay","Peru"] let cad = "" paises.forEach(el=>{ cad+=`${el}` }) document.getElementById("lista").innerHTML = cad
No me explico cómo no encontré éste curso antes, he hecho muchos cursos en diversas plataformas y me he gastado un montón de dinero buscando el curso ideal de JS y sin duda este es el curso ideal que buscaba el más completo el con más práctica y además grátis, muchas gracias por este contenido tan valioso
Genial el video, te explicas de maravilla y detalles que, habiendo hecho otros cursos por RUclips , me sirven para comprender mejor el funcionamiento de Javascript en el DOM. Gracias!
Para aquellos que no entiendan o se les complique el método "forEach", el método "for of" también sirve como el foreach: let justice_league = ["batman","superman","wonder woman"] for(member of justice_league){ console.log(member) }
Siempre se aprende algo nuevo como dije anteriormente. Lo del Fragment no lo sabía. Aunque estos son temas básicos siempre algo nuevo sacas y aprendes. Sigue asi, y lo siento por tantos comentarios q te dejo en cada capitulo jaja, intento dar me gusta y comentar asi llegas a más gente. Saludos
Ahora voy entendiendo por qué antes veía en otros códigos muchos elementos inicializados vacíos.Increíble cuanta info se aprende en este curso!Gracias por cada video :)
Como siempre, una gran clase, aunque cada vez me cuesta un poquito más. Un abrazo Jon, es una gran labor la tuya. Ah! Y cuidado con tu fiera, que un día de estos salta por la ventana!!
Me quedo corto si te dije que me quito el sombrero!! tremendo el profe!! justamente estaba aprendiendo hacer consultas API y solamente aprendí hacer las solicitudes nada más.. y me puse a pensar como haría para mostrar varias solicitudes sin tener que hacer tanto código a cada momento. Ahora ya aprendí gracias a usted !!! Gracias y sigo con sus cursos de JS que es mi lenguaje preferido (por más que reniegue cuando algo no me sale jajaja).
Hola Jon, Gracias por el curso; estoy dando un repaso al DOM y estoy aprendiendo cosas nuevas, lo de innerHTML algunos colegas comentan que es una mala practica ya que se puede inyectar código malicioso.
Pero que manera tan magistral de enseñar, te felicito y a la vez te agradezco por todas estas clases, he aprendido mucho y pude entender varios temas que me resultaban muy difíciles. Cuál es tu número de cuenta para poder pagarte por estas clases jaja 😅... En realidad esto es oro, gracias Jon.
Creo que tu fiera quiere darnos clases 🤣🤣. Estoy aprendiendo mucho y entiendo que por eso se me hace complicado asimilar toda la teoria a la primera pero con una segunda repasa ya estamos listos!. Espero llegar hasta Ajax y aprender muchas cosas mas porque entiendo que para saltar a vue necesito aprender bien js y es contigo se que lo lograre . Muchas gracias Jon!
Hola, profesor. Yo estaba usando la etiqueta script con el atributo defer y la estaba colocando en el head. Eso impidió que write() escribiera en mi documento. Al ver como usaste el innerHTML con el operador += hice algunas pruebas, una de ellas fue: console.log(document.body.innerHTML) Y en la consola me escribió todo el documento html en formato string. Creo que innerHTML funciona como una propiedad de los elementos del documento, tal vez por eso no es necesario inicializarlo vacío. PD: aún no entiendo por qué write() no me funcionó con el defer. Hice pruebas sin el defer y sí me llegó a funcionar perfectamente, pero gracias al funcionamiento de innerHTML solucioné el asunto así: document.body.innerHTML += 'Estaciones del años'
Muchas gracias Jonathan, me ha gustado mucho la tecnica de los fragmentos, es muy interesante. Gracias por compartir estos conocimientos, es un placer seguir este curso !!!!
Lo único que puedo decir es: Si están utilizando Brave como navegador para ver estos videos desactiven los escudos y veamos los anuncios para apoyar a estos creadores. Gracias Jonmir 👍👍
Hola jon. Tus videos son de gran ayuda para mi porque vas bien a fondo con la explicacion, como se dice vas al hueso. Muchas gracias!! Con respecto a esta clase te consulto si hay alguna desventaja, mas alla que hay q usar delegacion, en usar insertadyacenthtml() para crear contenido dinamico, ya que con esa sola instruccion se hacecel trabajo completo
Hola jon , deberas muy buen video , estoy aprendiendo un monton :) , solo tengo una duda , en el minuto 18:12 , al innerHTML le agregaste +=`${el}` para que no solo mostrara el ultimo elemento del arreglo en la lista sino que mostrara todos , ahora la verdad no entendi muy bien el porque sucede eso , queria ver si me lo explicabas , porque poniendo el "+" , hace que se muestren todos los elementos del arreglo
Ahi me tienes como otro suscriptor mas, felicitaciones por este gran trabajo, de seguro que proximamente veremos tu video de los 100k, seguire aprendiendo...
// por lo que entendi : el metodo createElement permite crear cualquier elemento del DOM, esto al estar capturado en variable, podemos insertarla en otro elemento o en elementos creados con appendChild($elemento) ,por lo que se pueden crear elementos de uno en uno con solo esto, pero para hacerlo dinamico se debe de usar algun iterador donde por cada elemento se crea una etiqueta que a su vez se ira almacenando en un fragmento (variable) para hacer una sola insercion al elemento padre una vez termino la iteracion
otra buena clase maestro cada video trae nuevos aprendizajes $ul2.innerHTML = ""; si se agrega antes del forEach vacio, porque si se va a agregar mas contenido de forma dinamica al array el contenido se pintaria doble, entonces primero se vacia el contenido y luego vuelve y se pinta nuevamente el contenido que se recorra en el array con lo nuevo que se alla agregado de forma dinamica 😁😁😁
excelente contenido, desconocía la parte de los fragmentos y vaya que son de gran ayuda, no te preocupes por la FIERA en estos tiempos es normal escucharlos en las video llamadas y en los lives XD xD....
Exelente.. Me gustaria saber si tienes un crud completo, front end react y back-end node con express js que veo que tienes esos cursos de esos techologias de javascript, eres un crack Hermano, todo el que quiera aprender, se toma este curso, con calma y en 6 meses esta ganando dinero.. desde que consiga ese trabajo te brindo los tacos jajaja.
Profe hola nuevamente. Me surge una duda, entiendo que en el ejemplo de las estaciones al agregar primero al DOM y luego iterar sobre este, se esta constantemente insertando y modificando al DOM , pues, porque ya con el en el DOM si se modifica pues se afecta el DOM. Una solución podria ser agregar el después de las iteraciones? Porque, según yo, solo se estaria modificando la variable en memoria que guarda ese , y ya en su inserción es donde afectaria, siendo una única vez. Gracias por el contenido, y que pena mucho texto :')
Hola. Tengo una pregunta. ¿Qué tiene de diferente que se agregue contenido dinámico con el innerHTML a hacerlo con nodos?. Me explico, entiendo que los nodos son un tipo de repuesta a la necesidad de navegar y tomar o agregar info al DOM, pero, si al hacerlo así (Con el innerHTML), JS no considera lo que agreguemos como un nodo. ¿No se puede volver a navegar por ellos como se mostró en el video anterior?. o ¿qué ventajas o desventajas hay entre las dos maneras de agregar contenido?
Como siempre excelente contenido Gracias. oye jhon me gustaría que hicieras un video hablando sobre Ecommerce. plataformas de pago online, ya nos enseñaste hacer el fronted de nuestro proyecto, Es muy dificil crear una plataforma de pago en linea, o mejor pagarle las comisiones a shopify?
Hola, la extensiòn que te completa las etiquetas dentro de las templates strings es Emmet? Que configuraciòn tengo que tocar para que me pase lo mismo? Saludos, gracias.
profe una pregunta, Si creara una variable text=" ",almaceno todo ahi del foreach y luego ZAZ al innerHTML del "ul" no seria lo mismo que el fragmento ? , o el fragmento tiene algun beneficio adicional que hacer lo que digo
Hola Jhon, tengo una duda, crear elementos mediante javascript no afecta el rendimiento comparado a crear el elemento en el html? Desde ya gracias por tu tiempo y por este gran curso
Crear elementos HTML mediante JavaScript puede afectar el rendimiento en comparación con crearlos directamente en el archivo HTML, ya que crear elementos mediante JavaScript implica un procesamiento adicional en el lado del cliente, como la manipulación del DOM. Sin embargo, en general, la diferencia de rendimiento no sería significativa si solo se están creando un pequeño número de elementos. Además, crear elementos dinámicamente mediante JavaScript tiene la ventaja de permitir una mayor flexibilidad y capacidad para personalizar el contenido en función de la interacción del usuario o la información recibida del servidor.
Que bueno esto.. No conocía la técnica de los fragmentos.. Recomiendas su uso en todos los casos, o cuando la carga de información sea grande??? Saludos!..
Realmente ninguna, son diferentes formas de hacerlo, digamos que la única desventaja que le veo es que al no ser nodo no puedes tratarlo como tal por ejemplo no podrías asignarle un evento, pero para eso tenemos la delegación de eventos ;) así que no hay problema
profe jon y si guardo el codigo html en una variable (string) cuando transcurre el foeach y luego lo inserto con innerHTML seria una mala practica?, lo habia pensado asi antes de ver los fragmentos..
Cuando requieres interacción dinámica que no depende de lo que carga inicialmente tu navegador, piensa en un formulario donde publicas tu CV, cada trabajo que agregues dependerá del número de trabajos que una persona tenga y por cada uno de ellos se cargará un nuevo form para que puedas cargar dicho trabajo, eso es dinámico y dependiente del usuario, eso no lo puedes hacer con simple CSS y HTML
por que es lo correcto usar clases, evita en su medida el uso de etiquetas html por que si no afectarías a todas las etiquetas de ese tipo eso lo explicaré en mi curso de CSS que sale el 19 de agosto
![BLACK BAG - Official Trailer [HD] - Only in Theaters March 14](http://i.ytimg.com/vi/Du0Xp8WX_7I/mqdefault.jpg)
me muero de la risa cada que dice: "guardamos y a ver que pasa" (presto mas atención) y dice: "no ha pasado nada" jajajajajajjaa
🤭
Es la vida del programador de todos los dias jajajaaj!
¡Gracias porque solo los que hacemos contenido, sabemos el tiempo que hay mas allá del video! Además super bien explicado todo y muy didacticamente!
🥰🙌🏻
5:06 Esa impotencia que te entra cuando encuentras rápidamente el error y no puedes decírselo al maestro en vivo :v
:)
Me pasó igual jajajaja
Me encanta el modo de comenzar los videos.Incluso mis hijos me repiten "Hola soy su amigo y docente digital " y con un tono musical, "Jonatan Mircha"...Me gustan muchos tus videos...Los recomiendo, los tuyos y los de pildoras informaticas. Hasta ahora, los que me gustais más para la autoformación. Felicidades.
awwwwww 😍
Nunca había caído en cuenta sobre las peticiones al navegador... Siempre ejecutaba todo al navegador. La fragmentación es un excelente recurso. Muchas gracias...
😉👋🏻
Paso por aquí desde Argentina para agradecerte por todo lo bien que nos enseñas, de verdad eres un gran profesor, he aprendido muchísimo con tu contenido, tan bien explicado a detalle en cada tema.A pleno sigue dando de que hablar en este 2024 por todo lo que brindas.saludos!! Dios te bendiga Jon!!
👋🏻😉
Me encantan los videos donde sale la 'Fiera' jajaja. Gracias por el excelente contenido jonathan lo estoy aprovechando mucho.
🦊👋🏻
He disfrutado muchísimo de este vídeo al ver que todas las explicaciones anteriores van encajando con cada una de las que va dando en cada nueva clase. Muchas gracias Sr. Mircha
👋🏻😉
Esooo Kenai jajaja, ya te extrañaba....La fiera con su épica entrada 🐕🐕🐕
Yo comento todo porque quiero dar un poco de valor a tu gran labor, espero que mucha mucha mucha gente pueda seguir tu valioso contenido.
Bendiciones!!! 🧙♂️🧙♂️🧙♂️
😉🙌🏻
Gracias!! Estoy aprendiendo mucho. Espero terminarlo completo y realizar otros de tu canal
👋🏻😉 Suerte
Entiendo que también podés emular la función de los fragmentos con innerHTML usando una cadena común y corriente, concatenando los template strings en esta cadena para finalmente insertar la cadena una única vez en el DOM, sería algo así:
let paises = ["Argentina","Brasil","Bolivia","Paraguay","Peru"]
let cad = ""
paises.forEach(el=>{
cad+=`${el}`
})
document.getElementById("lista").innerHTML = cad
👍🏻
No me explico cómo no encontré éste curso antes, he hecho muchos cursos en diversas plataformas y me he gastado un montón de dinero buscando el curso ideal de JS y sin duda este es el curso ideal que buscaba el más completo el con más práctica y además grátis, muchas gracias por este contenido tan valioso
Siempre me puedes invitar un taco 😉🌮 www.paypal.com/paypalme/jonmircha
@@jonmircha por supuesto me hice miembro
Me acostumbre a darle like a las clases antes de ver jaja gracias Darth Mircha
Excelente!😎
sept 11 1969**Nov 14 2023
gracias excelente curso
felicidades John Mircha
Gracias, saludos👋🏻😉
Gracias de lunes. Buen comienzo de semana...
👋🏻😉
Dejo mi comentario para ayudar a posicionar este increíble curso!
😉✌
Excelente Jon !. Estoy en la parte de Apis, pero he vuelto a repasar fragmentos y templates.
👋🏻😉
jajaj que grande la fiera!!! presente!!
el mejor curso de javascript que verás en la web
🤗👏🏻🙌🏻
🧙♂Muchas gracias, muy bueno el curso!!!
😉👍🏻
Ya casi llega mi parte favorita (los eventos del DOM), muchas gracias de verdad Jon! Eres un idolo
Mucha suerte!👋🏻😉
No manchesss, que buena master class que acabo de aventar!! Gracias profe ya la compartí 😎
De nada :), comparte para llegar a más gente
Genial el video, te explicas de maravilla y detalles que, habiendo hecho otros cursos por RUclips , me sirven para comprender mejor el funcionamiento de Javascript en el DOM. Gracias!
😉👍🏻
Muchas gracias Jon!
😉👋🏻
Muy buen video, Jon! gracias!
Con gusto
Para aquellos que no entiendan o se les complique el método "forEach", el método "for of" también sirve como el foreach:
let justice_league = ["batman","superman","wonder woman"]
for(member of justice_league){
console.log(member)
}
Nos has salvado estamos agradecidos... Igual lo bueno es que de verlo más a menudo al ForEach, ya lo voy entendiendo más
Te faltó el const
Gracias Sensei!
👋🏻😉
Gracias por existir querido Jon
👋🏻😉
El mejor Curso :), vamos con toda
👋🏻😉
El mejor curso de Javascript
😉🙌🏻
Me siento un Dios del javascript cada vez que aprendo algo nuevo XD
💪🤓
el mejor #curso de #javascript en youtube
Que grande Kenay!!!
Siempre se aprende algo nuevo como dije anteriormente. Lo del Fragment no lo sabía. Aunque estos son temas básicos siempre algo nuevo sacas y aprendes. Sigue asi, y lo siento por tantos comentarios q te dejo en cada capitulo jaja, intento dar me gusta y comentar asi llegas a más gente.
Saludos
Es un gusto leerte :)
Me pude reír con la interrumpcion al final de Kenai AJJAJAJAJ Gracias profe por estas clases tan sustanciosas!
😅🦊
Muchísimas gracias Jon ❇️❇️
Con mucho gusto👋🏻😉
Excelente, muchas gracias cada vez me emociono mas por los ejercicio del dom.
Excelente!👋🏻😉
Buen trabajo! De verdad se aprende mucho con este curso.
😉👍🏻
ehy muchas gracias, por enseñar varias formas de crear elementos, y el final fue su per épico morí de la risada , me encanta tu mascota
🦊😉👋🏻
Dios mio, este hombre hace parecer facil a JS, GRACIASSS
🙈🤗
Excelente Jon, agradecido estamos nosotros, tus alumnos...gracias de veras.
😉👋🏻
UL MUY BIEN ESTE CURSO!!
👍🏻😉
Caray que buena clase
muy buena la exlicacion , :) la maskotita dio el cierre .Un fuerte abrazo desde lima- Peru
Gracias. Saludos
Ahora voy entendiendo por qué antes veía en otros códigos muchos elementos inicializados vacíos.Increíble cuanta info se aprende en este curso!Gracias por cada video :)
😉👍🏻
Nooo, no puedo terminar este video sin que me diga que tengo que ser feliz!
🙈🤭
Muy buena clase...
😉👍🏻
Como siempre, una gran clase, aunque cada vez me cuesta un poquito más. Un abrazo Jon, es una gran labor la tuya. Ah! Y cuidado con tu fiera, que un día de estos salta por la ventana!!
😉👋🏻
Me quedo corto si te dije que me quito el sombrero!! tremendo el profe!! justamente estaba aprendiendo hacer consultas API y solamente aprendí hacer las solicitudes nada más.. y me puse a pensar como haría para mostrar varias solicitudes sin tener que hacer tanto código a cada momento. Ahora ya aprendí gracias a usted !!! Gracias y sigo con sus cursos de JS que es mi lenguaje preferido (por más que reniegue cuando algo no me sale jajaja).
😉👍🏻
[Comentario para mejorar posicionamiento]
Saludos Jon
😉👋🏻
Me encanta la forma en la que enseñas Jon, jajaj prometo que cuando este trabajando de desarrollador web voy a unirme al canal.
Excelente!
Hola Jon, Gracias por el curso; estoy dando un repaso al DOM y estoy aprendiendo cosas nuevas, lo de innerHTML algunos colegas comentan que es una mala practica ya que se puede inyectar código malicioso.
Sï, pero puedes sanitizar tu código antes de inyectarlo 😉
Like y comentando para que el mejor profe de habla hispana llegue a más gente.
😉👋🏻
Excelente video, muchas gracias profe!
Con mucho gusto
Pero que manera tan magistral de enseñar, te felicito y a la vez te agradezco por todas estas clases, he aprendido mucho y pude entender varios temas que me resultaban muy difíciles. Cuál es tu número de cuenta para poder pagarte por estas clases jaja 😅... En realidad esto es oro, gracias Jon.
Gracias :) jonmircha.com/taco
Una clase increible, llena de buenos consejos. Muchas gracias, sensei!
A la orden
14:52 el fierro viejo de fondo, me matò xd
😅
Creo que tu fiera quiere darnos clases 🤣🤣. Estoy aprendiendo mucho y entiendo que por eso se me hace complicado asimilar toda la teoria a la primera pero con una segunda repasa ya estamos listos!. Espero llegar hasta Ajax y aprender muchas cosas mas porque entiendo que para saltar a vue necesito aprender bien js y es contigo se que lo lograre . Muchas gracias Jon!
:)🦊
Muy útil lo de los fragmentos, no lo conocía.
;)
Hola, profesor. Yo estaba usando la etiqueta script con el atributo defer y la estaba colocando en el head. Eso impidió que write() escribiera en mi documento. Al ver como usaste el innerHTML con el operador += hice algunas pruebas, una de ellas fue:
console.log(document.body.innerHTML)
Y en la consola me escribió todo el documento html en formato string.
Creo que innerHTML funciona como una propiedad de los elementos del documento, tal vez por eso no es necesario inicializarlo vacío.
PD: aún no entiendo por qué write() no me funcionó con el defer. Hice pruebas sin el defer y sí me llegó a funcionar perfectamente, pero gracias al funcionamiento de innerHTML solucioné el asunto así:
document.body.innerHTML += 'Estaciones del años'
Sigo por aqui jon jajaja, excelente todo este contenido !. Te deseo éxitos y bendiciones !.
Muchas gracias! 😊
Excelente
😉👍🏻
Muchas gracias Jonathan, me ha gustado mucho la tecnica de los fragmentos, es muy interesante. Gracias por compartir estos conocimientos, es un placer seguir este curso !!!!
;)
Arriba KeNaI !!! que también nos saluda y participa de nuestras clases, gracias profesor !!!
Lo único que puedo decir es: Si están utilizando Brave como navegador para ver estos videos desactiven los escudos y veamos los anuncios para apoyar a estos creadores. Gracias Jonmir 👍👍
😉🙌🏻
Hola jon. Tus videos son de gran ayuda para mi porque vas bien a fondo con la explicacion, como se dice vas al hueso. Muchas gracias!!
Con respecto a esta clase te consulto si hay alguna desventaja, mas alla que hay q usar delegacion, en usar insertadyacenthtml() para crear contenido dinamico, ya que con esa sola instruccion se hacecel trabajo completo
No hay desventajas, simplemente son diferentes formas de crear el contenido ;)
Chulada de video, muchas gracias por la enseñanza profesor!!!
Y seguimos compartiendo!!
Gracias a ti
Master! Que curso tan épico! Gracias, sos un crack!
😉🙌🏻🔥
muy bueno, como siempre !
Hola jon , deberas muy buen video , estoy aprendiendo un monton :) , solo tengo una duda , en el minuto 18:12 , al innerHTML le agregaste +=`${el}` para que no solo mostrara el ultimo elemento del arreglo en la lista sino que mostrara todos , ahora la verdad no entendi muy bien el porque sucede eso , queria ver si me lo explicabas , porque poniendo el "+" , hace que se muestren todos los elementos del arreglo
EL símbolo de += concatena, es decir agrega el nuevo contenido al que ya trae la variable
Muy útil... ojalá hubiera visto este video 2 meses atrás jajaj.
😁
Ahi me tienes como otro suscriptor mas, felicitaciones por este gran trabajo, de seguro que proximamente veremos tu video de los 100k, seguire aprendiendo...
🙌🏻🙌🏻🙌🏻
// por lo que entendi : el metodo createElement permite crear cualquier elemento del DOM, esto al estar capturado en variable, podemos insertarla en otro elemento o en elementos creados con appendChild($elemento) ,por lo que se pueden crear elementos de uno en uno con solo esto, pero para hacerlo dinamico se debe de usar algun iterador donde por cada elemento se crea una etiqueta
que a su vez se ira almacenando en un fragmento (variable) para hacer una sola insercion al elemento padre una vez termino la iteracion
😉👍🏻
eeeeeeeeeeeexcelente video Jon! y aguante kEnAi
kEnAi hace su entrada de forma épica, es el mejor jajajajajaj.
🦊🫢
26:57 Pobre Kenai, ya tenía hambre🤭
🤣
El fondo! jajajajaja colchones, lavadoras o algo de fierro viejo!!!
😅
otra buena clase maestro cada video trae nuevos aprendizajes $ul2.innerHTML = ""; si se agrega antes del forEach vacio, porque si se va a agregar mas contenido de forma dinamica al array el contenido se pintaria doble, entonces primero se vacia el contenido y luego vuelve y se pinta nuevamente el contenido que se recorra en el array con lo nuevo que se alla agregado de forma dinamica 😁😁😁
👋🏻😉
excelente contenido, desconocía la parte de los fragmentos y vaya que son de gran ayuda, no te preocupes por la FIERA en estos tiempos es normal escucharlos en las video llamadas y en los lives XD xD....
Gracias! 😊, comparte para llegar a más gente :)
El kenaI!
👋🏻
Exelente.. Me gustaria saber si tienes un crud completo, front end react y back-end node con express js que veo que tienes esos cursos de esos techologias de javascript, eres un crack Hermano, todo el que quiera aprender, se toma este curso, con calma y en 6 meses esta ganando dinero.. desde que consiga ese trabajo te brindo los tacos jajaja.
😉👋🏻
Felicidades, un contenido increible. Una pregunta, compensa crear un fragmento para uno o dos elementos?
sí
Jon tenes algun video sobre la configuracion de Prettier que usas?
No pero esta en la configuración de mi VSCode jonmircha.com/vscode
Profe hola nuevamente. Me surge una duda, entiendo que en el ejemplo de las estaciones al agregar primero al DOM y luego iterar sobre este, se esta constantemente insertando y modificando al DOM , pues, porque ya con el en el DOM si se modifica pues se afecta el DOM. Una solución podria ser agregar el después de las iteraciones? Porque, según yo, solo se estaria modificando la variable en memoria que guarda ese , y ya en su inserción es donde afectaria, siendo una única vez. Gracias por el contenido, y que pena mucho texto :')
Hola. Tengo una pregunta. ¿Qué tiene de diferente que se agregue contenido dinámico con el innerHTML a hacerlo con nodos?. Me explico, entiendo que los nodos son un tipo de repuesta a la necesidad de navegar y tomar o agregar info al DOM, pero, si al hacerlo así (Con el innerHTML), JS no considera lo que agreguemos como un nodo. ¿No se puede volver a navegar por ellos como se mostró en el video anterior?. o ¿qué ventajas o desventajas hay entre las dos maneras de agregar contenido?
SOn opciones diferentes, depende de la estrategia que persigas en tu código ambas son buenas opciones usa la quemás se te facilite
Muy buena clase! Utilizas algún plugin para autocompletar las etiqutas HTML cuando escribes en JavaScript?
Toda mi configuración y plugins la encuentras en este blog jonmircha.com/vscode
@@jonmircha vale, gracias!
Como siempre excelente contenido Gracias. oye jhon me gustaría que hicieras un video hablando sobre Ecommerce. plataformas de pago online, ya nos enseñaste hacer el fronted de nuestro proyecto, Es muy dificil crear una plataforma de pago en linea, o mejor pagarle las comisiones a shopify?
No sólo es programar hay muchas cosas yrequisitos que estan por detrás, para un equipo o proyecto pequeño sale mejor asumir la comisión
@@jonmircha ok entiendo.
Le hablaba al monitor....la coma, la coma de la linea 226 !!! jajajajaja. gran video como siempre !
jejeje
Hola, la extensiòn que te completa las etiquetas dentro de las templates strings es Emmet? Que configuraciòn tengo que tocar para que me pase lo mismo? Saludos, gracias.
jonmircha.com/vscode
Seria igual de eficiente declarar un string vacio y concatenar todos los elementos li dentro del forEach y luego asignarle al innerHTML ese string?
Son más eficiente los fragmentos y evitan inyecciones de código
Para los que no les guste el super método createDocumentFragment(). Pueden optar por usar "new DocumentFragment()"
😉👍🏻
profe una pregunta, Si creara una variable text=" ",almaceno todo ahi del foreach y luego ZAZ al innerHTML del "ul" no seria lo mismo que el fragmento ? , o el fragmento tiene algun beneficio adicional que hacer lo que digo
innerHTML genera dinámicamente mediante texto código HTML el fragmento crea elementos reales del DOM simplemente son diferentes técnicas
Hola Jhon, tengo una duda, crear elementos mediante javascript no afecta el rendimiento comparado a crear el elemento en el html? Desde ya gracias por tu tiempo y por este gran curso
Crear elementos HTML mediante JavaScript puede afectar el rendimiento en comparación con crearlos directamente en el archivo HTML, ya que crear elementos mediante JavaScript implica un procesamiento adicional en el lado del cliente, como la manipulación del DOM. Sin embargo, en general, la diferencia de rendimiento no sería significativa si solo se están creando un pequeño número de elementos. Además, crear elementos dinámicamente mediante JavaScript tiene la ventaja de permitir una mayor flexibilidad y capacidad para personalizar el contenido en función de la interacción del usuario o la información recibida del servidor.
Que bueno esto.. No conocía la técnica de los fragmentos..
Recomiendas su uso en todos los casos, o cuando la carga de información sea grande???
Saludos!..
Super recomendado :)
Kenai se robo el protagonismo de todo el video en la ultima parte jajaja
🫢🦊
¿Cuál sería la desventaja de agregar una etiqueta con innerHTML en vez de crear un nodo?
Realmente ninguna, son diferentes formas de hacerlo, digamos que la única desventaja que le veo es que al no ser nodo no puedes tratarlo como tal por ejemplo no podrías asignarle un evento, pero para eso tenemos la delegación de eventos ;) así que no hay problema
profe jon y si guardo el codigo html en una variable (string) cuando transcurre el foeach y luego lo inserto con innerHTML seria una mala practica?, lo habia pensado asi antes de ver los fragmentos..
Son formas diferentes de hacerlo
Hola Jon!! Cuando es conveniente o porqué modificar el DOM desde JS y no hacerlos directamente desde el HTML o el CSS???
Cuando requieres interacción dinámica que no depende de lo que carga inicialmente tu navegador, piensa en un formulario donde publicas tu CV, cada trabajo que agregues dependerá del número de trabajos que una persona tenga y por cada uno de ellos se cargará un nuevo form para que puedas cargar dicho trabajo, eso es dinámico y dependiente del usuario, eso no lo puedes hacer con simple CSS y HTML
min 15:45
Continentes: ["Africa", "América", "Asia", "Europa", "Oceanía"]
Antártida: "Y yo qué chingados estoy pintado o qué?"
jaja
Profe, por que para referirse a la etiqueta "sección" lo hace a través de su propiedad class osea ".cards"
por que es lo correcto usar clases, evita en su medida el uso de etiquetas html por que si no afectarías a todas las etiquetas de ese tipo eso lo explicaré en mi curso de CSS que sale el 19 de agosto
@@jonmircha profe! Gracias por todo lo que hacés, tus conocimientos llegan a todas las fronteras que te doy por seguro que, ni te imaginas.
👏👏👏 🙏🙏🙏
👋🏻😉