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

En este video te enseño a crear elementos y fragmentos del #DOM de #JavaScript.
💛 Aprende JavaScript aprendejavascr...
📖 Mis notas sobre JavaScript jonmircha.com/...
📖 Mis notas sobre ECMAScript jonmircha.com/...
📖 Mis notas sobre JavaScript Asíncrono jonmircha.com/...
📖 Mis notas sobre JSON jonmircha.com/...
📖 Mis notas sobre el DOM jonmircha.com/dom
📦 Códigos: github.com/jon...
🔔 Suscríbete al canal kzbin.info... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/...
📫 Suscríbete a mi lista de correo tinyletter.com...

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

[@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

[@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]

👋🏻😉

[@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]

🥰🙌🏻

[@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]

😉🙌🏻

[@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 😍

[@olimpomacea5279]

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

[@jonmircha]

🦊👋🏻

[@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]

👍🏻

[@danielfabiani4468]

Gracias de lunes. Buen comienzo de semana...

[@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

[@dan_seb]

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

[@jonmircha]

😉✌

[@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]

👋🏻😉

[@hernansanabria9685]

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

[@jonmircha]

Gracias, saludos👋🏻😉

[@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]

👋🏻😉

[@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

[@manuelrosen2752]

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

[@jonmircha]

💪🤓

[@gustavoflores9690]

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

[@jonmircha]

👋🏻😉

[@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

[@osakadev]

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

[@jonmircha]

Mucha suerte!👋🏻😉

[@Wiiiiizard]

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

[@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]

😉👍🏻

[@MiguelPerez-cc4pe]

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

[@jonmircha]

🙈🤭

[@franostuven]

jajaj que grande la fiera!!! presente!!

[@jonmircha]

[@sebastiangonzalez-wj1fj]

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

[@jonmircha]

🤗👏🏻🙌🏻

[@luissalinasarevalo468]

El mejor curso de Javascript

[@jonmircha]

😉🙌🏻

[@elvandalo_]

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

[@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]

😉👋🏻

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

[@williamalexanderpineda6098]

Muchas gracias Jon!

[@jonmircha]

😉👋🏻

[@leonardoprone5967]

Muy buen video, Jon! gracias!

[@jonmircha]

Con gusto

[@instintoimagen]

el mejor #curso de #javascript en youtube

[@instintoimagen]

Que grande Kenay!!!

[@jonmircha]

[@saverock_73]

Gracias por existir querido Jon

[@jonmircha]

👋🏻😉

[@webcube4601]

El mejor Curso :), vamos con toda

[@jonmircha]

👋🏻😉

[@cumpaMira]

Gracias profe!

[@fineco709]

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

[@jonmircha]

Excelente!😎

[@marcus_dempsey]

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

[@jonmircha]

😉👍🏻

[@ellocote5975]

[Comentario para mejorar posicionamiento] Saludos Jon

[@jonmircha]

😉👋🏻

[@timawid]

Muchísimas gracias Jon ❇️❇️

[@jonmircha]

Con mucho gusto👋🏻😉

[@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]

😉👍🏻

[@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

[@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]

🦊😉👋🏻

[@eduardojasso4506]

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

[@jonmircha]

😅

[@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]

:)🦊

[@joseraulescalonaaguilera5478]

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

[@jonmircha]

😉👋🏻

[@carlosjavierorozco8418]

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

[@jonmircha]

Excelente!👋🏻😉

[@martingalenda]

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

[@jonmircha]

😉👋🏻

[@manoloexplaintome6348]

UL MUY BIEN ESTE CURSO!!

[@jonmircha]

👍🏻😉

[@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]

😉👍🏻

[@luiscastro-fn9vb]

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

[@jonmircha]

Gracias. Saludos

[@yordiic.e2029]

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

[@jonmircha]

🙈🤗

[@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]

👋🏻😉

[@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 😉

[@j.b.6788]

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

[@jonmircha]

🦊🫢

[@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]

😉👋🏻

[@DiegoGutierrez-gu5ui]

Muy buena clase...

[@jonmircha]

😉👍🏻

[@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

[@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]

;)

[@emanuelr9815]

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

[@jonmircha]

Gracias a ti

[@elweonweandolaweafome]

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

[@jonmircha]

😅

[@squanchi]

Por suerte se entendio todo don Mircha. Lo que si no entiendo y capaz no tiene mucha importancia pero en la consola al ver la se ven asi : ... ... ... ... ... y al abrirlas las deja asi : : : Marker "Africa" : : Marker "America" : : Marker "Asia" : : Marker "Europa" : : Marker "Oceania" Lo que noté es que ese : : Marker son los puntos negros que tienen la lista de continentes cuando estan plasmadas en el documento pero nose como sacarlas de console.

[@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 ;)

[@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]

😉👍🏻

[@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]

😉🙌🏻

[@daguttt]

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

[@jonmircha]

🤣

[@walterjosesuarezdelacruz1495]

Caray que buena clase

[@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

[@AngelSalazar-uf5fk]

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

[@jonmircha]

Muchas gracias! 😊

[@matiasromera330]

eeeeeeeeeeeexcelente video Jon! y aguante kEnAi

[@jonmircha]

[@cristianayala8452]

Excelente video, muchas gracias profe!

[@jonmircha]

Con mucho gusto

[@johnherrera5913]

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

[@jonmircha]

😉🙌🏻🔥

[@juanpablocabero6619]

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

[@jonmircha]

[@sebastianalfaro1887]

Excelente

[@jonmircha]

😉👍🏻

[@alvaromorales3310]

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

[@jonmircha]

😁

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

[@victormontivero1998]

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

[@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]

🙌🏻🙌🏻🙌🏻

[@naqzher]

muy bueno, como siempre !

[@Oslan17]

El kenaI!

[@jonmircha]

👋🏻

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

[@gonzaloalonsorodriguez4929]

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

[@jonmircha]

sí

[@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

[@boogiemusic5686]

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

[@jonmircha]

jejeje

[@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

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

[@javierarias6208]

Teacher, Cómo saber hasta que punto tratar todo como un elemento por separado? lo digo porque hasta los textos se pueden tratar como elementos. Agradezco su atención y valiosa respuesta.

[@jonmircha]

Te darás cuenta con los ejercicios, a partir de la clase 80 😉

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

[@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

[@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

[@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

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

[@arturorodriguez3110]

otra forma que no es con el foreach: for (const mes of meses) { const $li = document.createElement('li') $li.textContent=mes fragment.appendChild($li) } $ul2.appendChild($fragment) document.body.appendChild($ul2);

[@NonsenseIsOver]

¿Cuál sería la desventaja de agregar una etiqueta con innerHTML en vez de crear un nodo?

[@jonmircha]

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

[@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

[@dr.layton8713]

Este es el primer lenguaje al que me meto. No es mejor tenerlo todo en el HTML?, quiero decir por tema de ordenación lo tienes todo creado en el HTML i no vas creando diferentes variables para añadir más elementos. Básicamente no entiendo muy bien su función, entiendo para que sirven pero no para que quieres usarlos.

[@jonmircha]

HTML no es un lenguaje de programación, cuando tengas que crear dinámicamente elementos de interfaz con datos que vengan de una API o una BD con HTML no lo podrás hacer

[@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

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

[@abrahamandrade]

Profe, por que para referirse a la etiqueta "sección" lo hace a través de su propiedad class osea ".cards"

[@jonmircha]

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

[@abrahamandrade]

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

[@leandromarquez9257]

Mi teoria es que nuestro amigo y docente digital creó un algoritmo para recorrer todos los comentarios y responder con un random de emoticones, Jajaja. Gracias por el curso!

[@jonmircha]

🤣🤣🤣