Curso JavaScript: 68. DOM: Creando Elementos y Fragmentos -

[@eder3232]

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

[@jonmircha]

🤭

[@lucasdavid77]

Es la vida del programador de todos los dias jajajaaj!

[@luisricci]

Hace varios videos quería comentar algo, yo había empezado el curso de js en una bootcamp, no te cobran hasta que no consigas trabajo, pero después le terminas debiendo una pequeña fortuna, y la verdad te pones a pensar: cada cosa que te enseñan la tienes que reforzar por fuera, y hay muchas cosas que ni siquiera te las enseñan; Jon en cambio tiene el curso más largo y completo que he visto, se toma el tiempo para explicarte bien a detalle cada tema, desde los fundamentos de HTML, CSS, JS, diseño y maquetación, hasta a manejar la terminal de comandos nos enseñas Jon, y encima si costo!! Tienes una tremenda vocación para la enseñanza y deberías tener millones de suscriptores (como tienen algunos, que suben contenido para sumar suscriptores) Mil gracias querido Jon, por lejos eres mi Mejicano preferido, saludos desde Argentina 😀

[@jonmircha]

👋🏻😉

[@ericksantos8491]

5:06 Esa impotencia que te entra cuando encuentras rápidamente el error y no puedes decírselo al maestro en vivo :v

[@jonmircha]

:)

[@daguttt]

Me pasó igual jajajaja

[@Ni_idea_de_tecnologia]

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

[@jonmircha]

👋🏻😉

[@lucasdavid77]

¡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!

[@jonmircha]

🥰🙌🏻

[@JuanOrtega-cp5vn]

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.

[@jonmircha]

awwwwww 😍

[@braianpalacios8504]

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!!

[@jonmircha]

👋🏻😉

[@normanejm]

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...

[@jonmircha]

😉👋🏻

[@braianrico4422]

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!!! 🧙‍♂️🧙‍♂️🧙‍♂️

[@jonmircha]

😉🙌🏻

[@PatanTiernoBoyuna]

Gracias!! Estoy aprendiendo mucho. Espero terminarlo completo y realizar otros de tu canal

[@jonmircha]

👋🏻😉 Suerte

[@carlosurtubia8265]

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

[@jonmircha]

Siempre me puedes invitar un taco 😉🌮 www.paypal.com/paypalme/jonmircha

[@carlosurtubia8265]

@@jonmircha por supuesto me hice miembro

[@hernansanabria9685]

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

[@jonmircha]

Gracias, saludos👋🏻😉

[@danielfabiani4468]

Gracias de lunes. Buen comienzo de semana...

[@jonmircha]

👋🏻😉

[@sebastiangonzalez-wj1fj]

el mejor curso de javascript que verás en la web

[@jonmircha]

🤗👏🏻🙌🏻

[@dan_seb]

Dejo mi comentario para ayudar a posicionar este increíble curso!

[@jonmircha]

😉✌

[@Jacksito177]

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) }

[@juanignacioveliz6745]

Nos has salvado estamos agradecidos... Igual lo bueno es que de verlo más a menudo al ForEach, ya lo voy entendiendo más

[@CaballoLoco666]

Te faltó el const

[@gustavoflores9690]

Excelente Jon !. Estoy en la parte de Apis, pero he vuelto a repasar fragmentos y templates.

[@jonmircha]

👋🏻😉

[@Wiiiiizard]

🧙‍♂Muchas gracias, muy bueno el curso!!!

[@jonmircha]

😉👍🏻

[@eliam9461]

No manchesss, que buena master class que acabo de aventar!! Gracias profe ya la compartí 😎

[@jonmircha]

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

[@olimpomacea5279]

Me encantan los videos donde sale la 'Fiera' jajaja. Gracias por el excelente contenido jonathan lo estoy aprovechando mucho.

[@jonmircha]

🦊👋🏻

[@osakadev]

Ya casi llega mi parte favorita (los eventos del DOM), muchas gracias de verdad Jon! Eres un idolo

[@jonmircha]

Mucha suerte!👋🏻😉

[@fineco709]

Me acostumbre a darle like a las clases antes de ver jaja gracias Darth Mircha

[@jonmircha]

Excelente!😎

[@ChoryCrack]

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

[@jonmircha]

👍🏻

[@franbo1085]

Genial el video, te explicas de maravilla y detalles que, habiendo hecho otros cursos por KZbin , me sirven para comprender mejor el funcionamiento de Javascript en el DOM. Gracias!

[@jonmircha]

😉👍🏻

[@williamalexanderpineda6098]

Muchas gracias Jon!

[@jonmircha]

😉👋🏻

[@leonardoprone5967]

Muy buen video, Jon! gracias!

[@jonmircha]

Con gusto

[@carlosjavierorozco8418]

Excelente, muchas gracias cada vez me emociono mas por los ejercicio del dom.

[@jonmircha]

Excelente!👋🏻😉

[@saverock_73]

Gracias por existir querido Jon

[@jonmircha]

👋🏻😉

[@webcube4601]

El mejor Curso :), vamos con toda

[@jonmircha]

👋🏻😉

[@luissalinasarevalo468]

El mejor curso de Javascript

[@jonmircha]

😉🙌🏻

[@joseraulescalonaaguilera5478]

Excelente Jon, agradecido estamos nosotros, tus alumnos...gracias de veras.

[@jonmircha]

😉👋🏻

[@marcus_dempsey]

Buen trabajo! De verdad se aprende mucho con este curso.

[@jonmircha]

😉👍🏻

[@ZeR0ByTe]

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

[@jonmircha]

Es un gusto leerte :)

[@tongastonga22]

Gracias Sensei!

[@jonmircha]

👋🏻😉

[@yordiic.e2029]

Dios mio, este hombre hace parecer facil a JS, GRACIASSS

[@jonmircha]

🙈🤗

[@timawid]

Muchísimas gracias Jon ❇️❇️

[@jonmircha]

Con mucho gusto👋🏻😉

[@instintoimagen]

el mejor #curso de #javascript en youtube

[@instintoimagen]

Que grande Kenay!!!

[@jonmircha]

[@syberiaok]

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 :)

[@jonmircha]

😉👍🏻

[@luiscastro-fn9vb]

muy buena la exlicacion , :) la maskotita dio el cierre .Un fuerte abrazo desde lima- Peru

[@jonmircha]

Gracias. Saludos

[@Anthony_Ger1996]

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!

[@jonmircha]

:)🦊

[@walterjosesuarezdelacruz1495]

Caray que buena clase

[@roberkapp705]

Me encanta la forma en la que enseñas Jon, jajaj prometo que cuando este trabajando de desarrollador web voy a unirme al canal.

[@jonmircha]

Excelente!

[@javierginer8557]

Una clase increible, llena de buenos consejos. Muchas gracias, sensei!

[@jonmircha]

A la orden

[@DanielBallester21]

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).

[@jonmircha]

😉👍🏻

[@franostuven]

jajaj que grande la fiera!!! presente!!

[@jonmircha]

[@manuelrosen2752]

Me siento un Dios del javascript cada vez que aprendo algo nuevo XD

[@jonmircha]

💪🤓

[@jhoncordova870]

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.

[@jonmircha]

Gracias :) jonmircha.com/taco

[@cristianayala8452]

Excelente video, muchas gracias profe!

[@jonmircha]

Con mucho gusto

[@martingalenda]

Like y comentando para que el mejor profe de habla hispana llegue a más gente.

[@jonmircha]

😉👋🏻

[@carlesbautista8293]

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 !!!!

[@jonmircha]

;)

[@grabbyel]

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!!

[@jonmircha]

😉👋🏻

[@juansebastian2721]

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.

[@jonmircha]

Sï, pero puedes sanitizar tu código antes de inyectarlo 😉

[@DiegoGutierrez-gu5ui]

Muy buena clase...

[@jonmircha]

😉👍🏻

[@hernangarcia77]

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

[@jonmircha]

No hay desventajas, simplemente son diferentes formas de crear el contenido ;)

[@victormontivero1998]

Muy útil lo de los fragmentos, no lo conocía.

[@jonmircha]

;)

[@ellocote5975]

[Comentario para mejorar posicionamiento] Saludos Jon

[@jonmircha]

😉👋🏻

[@emanuelr9815]

Chulada de video, muchas gracias por la enseñanza profesor!!! Y seguimos compartiendo!!

[@jonmircha]

Gracias a ti

[@sebastianalfaro1887]

Excelente

[@jonmircha]

😉👍🏻

[@manoloexplaintome6348]

UL MUY BIEN ESTE CURSO!!

[@jonmircha]

👍🏻😉

[@AngelSalazar-uf5fk]

Sigo por aqui jon jajaja, excelente todo este contenido !. Te deseo éxitos y bendiciones !.

[@jonmircha]

Muchas gracias! 😊

[@mure5437]

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 👍👍

[@jonmircha]

😉🙌🏻

[@johnherrera5913]

Master! Que curso tan épico! Gracias, sos un crack!

[@jonmircha]

😉🙌🏻🔥

[@hugrillo84]

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

[@jonmircha]

🦊😉👋🏻

[@juanpablocabero6619]

Arriba KeNaI !!! que también nos saluda y participa de nuestras clases, gracias profesor !!!

[@jonmircha]

[@alvaromorales3310]

Muy útil... ojalá hubiera visto este video 2 meses atrás jajaj.

[@jonmircha]

😁

[@kunjilee9810]

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

[@jonmircha]

EL símbolo de += concatena, es decir agrega el nuevo contenido al que ya trae la variable

[@A.RadelM.F.]

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'

[@heimancastro1954]

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 😁😁😁

[@jonmircha]

👋🏻😉

[@julianorozco867]

Ahi me tienes como otro suscriptor mas, felicitaciones por este gran trabajo, de seguro que proximamente veremos tu video de los 100k, seguire aprendiendo...

[@jonmircha]

🙌🏻🙌🏻🙌🏻

[@marcosMartinez-wm7bd]

Jon tenes algun video sobre la configuracion de Prettier que usas?

[@jonmircha]

No pero esta en la configuración de mi VSCode jonmircha.com/vscode

[@MiguelPerez-cc4pe]

Nooo, no puedo terminar este video sin que me diga que tengo que ser feliz!

[@jonmircha]

🙈🤭

[@naqzher]

muy bueno, como siempre !

[@eduardojasso4506]

El fondo! jajajajaja colchones, lavadoras o algo de fierro viejo!!!

[@jonmircha]

😅

[@elvandalo_]

Me pude reír con la interrumpcion al final de Kenai AJJAJAJAJ Gracias profe por estas clases tan sustanciosas!

[@jonmircha]

😅🦊

[@gonzaloalonsorodriguez4929]

Felicidades, un contenido increible. Una pregunta, compensa crear un fragmento para uno o dos elementos?

[@jonmircha]

sí

[@heferh4320]

// 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

[@jonmircha]

😉👍🏻

[@Guitar93Master]

Muy buena clase! Utilizas algún plugin para autocompletar las etiqutas HTML cuando escribes en JavaScript?

[@jonmircha]

Toda mi configuración y plugins la encuentras en este blog jonmircha.com/vscode

[@Guitar93Master]

@@jonmircha vale, gracias!

[@juanestebanvelezloaiza6144]

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 :')

[@urtaav639]

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....

[@jonmircha]

Gracias! 😊, comparte para llegar a más gente :)

[@luisemilioogando]

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.

[@jonmircha]

😉👋🏻

[@elweonweandolaweafome]

14:52 el fierro viejo de fondo, me matò xd

[@jonmircha]

😅

[@daguttt]

26:57 Pobre Kenai, ya tenía hambre🤭

[@jonmircha]

🤣

[@j.b.6788]

kEnAi hace su entrada de forma épica, es el mejor jajajajajaj.

[@jonmircha]

🦊🫢

[@matiasromera330]

eeeeeeeeeeeexcelente video Jon! y aguante kEnAi

[@jonmircha]

[@reyehuen]

Hola Jon!! Cuando es conveniente o porqué modificar el DOM desde JS y no hacerlos directamente desde el HTML o el CSS???

[@jonmircha]

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

[@imheretofiremylazeh]

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

[@elweonweandolaweafome]

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.

[@mundomagupe6088]

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?

[@jonmircha]

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

[@mundomagupe6088]

@@jonmircha ok entiendo.

[@kikemadrigalr]

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!..

[@jonmircha]

Super recomendado :)

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@maycolchristianelcorrobarr41]

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

[@jonmircha]

innerHTML genera dinámicamente mediante texto código HTML el fragmento crea elementos reales del DOM simplemente son diferentes técnicas

[@YTANLO1]

Saludos! apenas llego a este video ya que me gusta practicar mucho lo visto antes de pasar al siguiente titulo, aparte de que o complemento con el libro de Js que mencionaste. ¡Está super genial!. Tengo una duda. ¿Que diferencia hay entre agregar la clasee con classList.add y con setAttribute. Se me ocurrió agregarla con setAttribute y tambien lo aceptó. Gracias de antemano, saludos y ojala te deje mas de lo necesario este curso para que te animes a seguir subiendo mas y mas cursos :)

[@jonmircha]

Con setAtributte no modificarías la clase en cuestion sino la cadena de texto que tienes en el atributo class, es decir que si usas setAttributte te puede echar clases que no tengas que afectar usar setAttribute es como afectar el valor de class con el atributo className, mientras que con classList accedes a la Lista (arreglo) de clases que tiene el elemento, de tal manera que sólo modificarás la que necesites y no todas

[@YTANLO1]

@@jonmircha muchas muchas gracias por el apoyo.

[@kevingiraldo8032]

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?

[@jonmircha]

SOn opciones diferentes, depende de la estrategia que persigas en tu código ambas son buenas opciones usa la quemás se te facilite

[@fabidev1501]

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]

jonmircha.com/vscode

[@juanpabloheis6756]

Hola Jon,, cómo haces para escribir texto y rodearlo con los signos '< >' ??

[@jonmircha]

EL editor lo hace sólo, siemrpe y cuando tu archivo sea html o js, puedes mirar mi configuración de vscode aquí jonmircha.com/vscode

[@boogiemusic5686]

Le hablaba al monitor....la coma, la coma de la linea 226 !!! jajajajaja. gran video como siempre !

[@jonmircha]

jejeje

[@fredynruiz]

PREGUNTA PREGUNTA dentro del forEach colocas una variable const con cada iteración ¿no la estás volviendo a crear, y siendo const deberías estar mal?

[@jonmircha]

Cada iteración es independiente, dicha variables sólo existe dentro del bloque e iteración en el que fue definido

[@RochaNahuel]

Todo esto me parece genial pero estas maneras de trabajar serian de tipo VanillaJs?

[@jonmircha]

Sí, todo este curso es sobre JS puro y duro

[@Oslan17]

El kenaI!

[@jonmircha]

👋🏻

[@johancortes5750]

Seria igual de eficiente declarar un string vacio y concatenar todos los elementos li dentro del forEach y luego asignarle al innerHTML ese string?

[@jonmircha]

Son más eficiente los fragmentos y evitan inyecciones de código

[@facundocordoba4033]

profe me encantan sus videos , espero terminarlos pronto asi sigo con los de html, css y reactjs. mi pregunta es la siguiente que desventaja tendria crear contenido dinamico con innerhtml. estuve revisando el codigo y puedo asignarle atributos al primer li creado dinamicamente. const continentes = ["África", "América", "Asia", "Europa", "Oceanía"], $ul2 = document.createElement("ul"); document.write("Continentes del Mundo"); $ul2.innerHTML = ""; continentes.forEach((el) => ($ul2.innerHTML += `${el}`)); document.body.appendChild($ul2); console.log($ul2.children[0].setAttribute("id","primero")); le hago esta pregunta porque me quedo la duda de cual es buena practica . creo que siempre es mejor quedarse sin dudas. Saludos a kenay

[@jonmircha]

Más adelante explico las diferents técnicas de agregar al DOM y explico sus pros y contras sigue con las clases