Curso JavaScript: 56. Propiedades Dinámicas de los Objetos -

[@cashedev]

Amigo jon, ya te he recomendado a todos mis compañeros de universidad, espero se tomen el tiempo de apreciar tu gran material, yo ya me comprometí en verlos todos ajajajjaj tratare de comentar en todos tus videos para que suba tu alcance

[@jonmircha]

😉🙌🏻

[@danteszumilo]

Genio Jon, adoro como explicas! Me gustó mucho que lo hayas ejemplificado con un posible uso (en este caso, tu página web)

[@jonmircha]

👋🏻😉

[@HeydrichDev]

Tanta información me reventó una neurona, pero a la vez me ha abierto el apetito para conocer más, muchas gracias!!!!

[@jonmircha]

Excelente!👋🏻😉

[@hernansanabria9685]

sept 11 1969**Oct 9 2023 gracias excelente curso felicidades John Mircha

[@jonmircha]

👋🏻😉

[@Ni_idea_de_tecnologia]

Muchas gracias por esta clase. Sr Mircha

[@jonmircha]

Hola, muchas gracias👋🏻😉

[@juancarlosovando9724]

Gracias Jon por tomarte el tiempo de apoyarnos. La enseñanza es un llamamiento divino.

[@jonmircha]

😉👋🏻

[@carlosmariorestrepo-vn6qp]

Muchisimas gracias por este contenido de valor

[@jonmircha]

👋🏻😉

[@brianlobo3499]

sigo viendo este gran material dos años despues de su publicacion, grande Jon

[@jesuscalderon9547]

Grande Jon, y aquí seguimos varios aun! Saludos!

[@jonmircha]

👋🏻😉

[@alejandroc.1082]

La manera de crear los artículos del blog con Javascript, no sabía que se podía hacer 😲 que genial. No hay necesidad de montarte un WordPress para gestionar un blog, deberías hacer un video mostrando lo que se puede hacer con Javascript y que uno piensa normalmente que se desarrolla con otra tecnología.

[@w4xccino]

Eso mismo, me acabo de sorprender.

[@victormaldonado6269]

Cada vez que avanzo en tema mas me doy cuenta que estoy a años luz de crear una aplicación.

[@jonmircha]

Ánimo, Roma no se hizo en un día :)

[@lmga4159]

Somos dos.

[@victormaldonado6269]

@@lmga4159 Cuando terminé el curso (inclusiva antes) comencé a hacer algo y me hizo valorar mucho mas todo el curso de jonmircha, además los ejercicios que hicimos loe he aplicado tal cual y he avanzado. Esta información es un tesoro, otros también dan información, pero a la hora de aplicarla es mejor tenerla bien clara.

[@braianrico4422]

Ya somos tres jajaja y sin contar los que no han visto este comentario. 🤣

[@Wiiiiizard]

🧙‍♂Muchas gracias!!!

[@jonmircha]

👋🏻😉

[@NickelFirepowerNico]

muchas gracias por esta clase jon!!!!

[@jonmircha]

👋🏻

[@timawid]

👏👏🙌🙌🙌 continuemos

[@jonmircha]

👋🏻😉

[@danielfabiani4468]

Muchisimas gracias. Ahora a aprender el this

[@jonmircha]

Mucha suerte!

[@Display_Block]

Muchas gracias excelente aporte

[@jonmircha]

Con gusto

[@aldairmarcelo5432]

Super el conocimiento que compartes!!! Gracias Jon.

[@jonmircha]

😉👌🏻

[@joelleiva6952]

esta clase me parecio demasiado util para no tener que hacer todo manualmente Aca dejo un ejemplo que hice con colores: const objColores = {} const colores = ['rojo', 'azul', 'verde', 'naranja', 'violeta'] objColores["coloresIngresados"] = [...colores] colores.forEach((color, indice) => objColores[`color_${color}`] = `posicion dentro del arreglo: ${indice}`) console.log(objColores)

[@jonmircha]

😉👍🏻

[@walterarriaza]

Saludos Jon. Esta vez, escribo además de agradecerte, para desearte lo mejor. Estoy, como muchos, esperando los nuevos cursos, yo sigo aguardando con gusto, solo espero que estés bien. Creo que todos los que te seguimos, valoramos y agradecemos en el alma cada material que compartes, y te apreciamos precisamente por que admiramos que lo hagas con esa dedicación y desinteresadamente.

[@jonmircha]

🥰🙌🏻

[@percytejada3520]

Gracias @jonmircha por la serie de videos, me estan ayudando mucho. Sería genial una de nodejs con lo ultimo! Saludos

[@jonmircha]

Esta serie tendrá una parte de Node después de ver la parte de los navegadores 🤓

[@omarfernandez6311]

@@jonmircha Estaré esperando la parte de Node con muchas ansias :D, gracias Jon.

[@yamil3105]

Que bien!!!! 👏👏👏👏 Ojalá que sea extensa

[@carlosjavierorozco8418]

Muchas gracias Jon! me gusto ver el ejemplo practico del final

[@jonmircha]

😉👍🏻

[@danielalexanderfernandez7872]

Excelente el ejemplo practico, gracias.

[@jonmircha]

De nada, comparte para llegar a más gente

[@helipalacio8772]

Jon, excelente contenido que estás compartiendo. Muy agradecido, que la ley de la compensación te brinde la dicha y la fortuna que te mereces. Desde el vídeo No. 1, hasta el No. 56, con la misma enteresa, esperando que por favor sigas compartiendo los vídeos que hacen falta. Desde Colombia.

[@jonmircha]

Diario de Lunes a Viernes en punto de las 13hrs de México :) comparte para llegar a más gente

[@luismonagas573]

Saludos profe.. Muy buenos estas propiedades dinàmicas de los objetos.. Gracias y saludos desde Venezuela (30/01/2023)😀😀

[@jonmircha]

👋🏻😉

[@williamalexanderpineda6098]

Excelente vídeo!

[@jonmircha]

😉👋🏻

[@hernansanabria9685]

gracias excelente video

[@jonmircha]

Gracias por comentar

[@ivantg4572]

seria genial que nos enseñaras a crear un sitio web como el tuyo esta genial

[@jonmircha]

😉👍🏻

[@leonardoprone5967]

Se viene complicando 🤣

[@jonmircha]

😉

[@grovercristobal1767]

Muchas gracias profesor Jon, DIOS lo guarde y toque su corazón, Amén !

[@jonmircha]

:)

[@matiasgomez9416]

Me gusta la nueva decoración con el Batman ahí de fondo! Saludos, muy bueno el curso!

[@jonmircha]

Gracias! Saludos!

[@harrinsonA]

1:40 La definición de propiedades dinamicas.

[@giovannyvanegas88]

Interesante el tema de las propiedades dinamicas de un objeto, pero me llamo la atención ver Next.js, ese spoiler si me gusta. Excelente profe Jon

[@jonmircha]

😅

[@Nanomixer98]

Ulalá, se vió mu buena esa función de los markdown, muero por aplicarlo en algun proyecto jeje

[@jonmircha]

😉👍🏻

[@heimancastro1954]

excelente maestro 🤑🤑🤑🤑🤑🤑🤑

[@jonmircha]

Gracias. Saludos

[@esnidergomezccencho1659]

Muy buenas clases profesor. Lo recomiendo a todos los que quieran aprender JS.💛

[@jonmircha]

🤓🤘🏻

[@camilogomez5243]

"Si vienes del futuro " jajaja ...muchas gracias , muy buen video

[@fernandosalas4885]

Excelente explicación !! Saludos

[@jonmircha]

Suscríbete y comparte para llegar a más gente :)

[@alvaroambiorixmarcelinotav6536]

Hola Jon!!! Me encantan tus cursos!!! Estoy casi con un intensivo tomando tu curso!!! Tengo un par de preguntas: Esto que has mostrado que haces en tu sitio con Nextjs se puede hacer en Reactjs? Porqué lo haces en Nextjs y no en Reactjs? Abrazos y saludos desde República Dominicana! Eres el mejoooooooooooooooooooooooooooor!!!

[@jonmircha]

Next.js es un framework de React orientado a sitios y apps SSG y SSR

[@alvaroambiorixmarcelinotav6536]

@@jonmircha Muchísimas gracias Jon

[@carlesbautista8293]

Muchas Gracias Jonathan :)

[@jonmircha]

De nada!

[@gonzaloalonsorodriguez4929]

Un vídeo muy interesante. Muy grande como siempre.

[@jonmircha]

Gracias! 😊

[@emanuelr9815]

Muchas gracias maestraso, excelente clase!!

[@jonmircha]

Con mucho gusto

[@braianrico4422]

Si no es por A es por B, pero de alguna manera logras que uno entienda el tema y ni te das cuenta de esa magia jajaja Jon mil gracias siempre, eres el mejor !!! 🧙‍♂️🧙‍♂️🧙‍♂️

[@jonmircha]

🙈🤭

[@nihil_um]

Muy Bueno. Interesante, como siempre.

[@jonmircha]

Comparte para llegar a más gente :)

[@miguelsarmiento9268]

cada video es interesante sinceramente muchas gracias

[@jonmircha]

De nada, comparte para llegar a más gente

[@condebasura]

Hola Jon, en tu sitio web dice blog con v corta (Como creador de contenidos elaboro material digital de valor (videos, cursos, tutoriales, artículos, notas, podcast, vlogs, reflexiones, etc.) para mi audiencia.). era para eso nomas, muy bueno tu curso. voy a seguir todo lo que pueda y lo que no pueda tambien jaja. abrasos!!

[@jonmircha]

Sí gracias es vlogs de videoblogs 😉

[@condebasura]

me falto entenderlo entonces, eso me pasa por leer apurado jaja, mil disculpas por hacerte perder el tiempo al leer esto :) . aprovecho para comentarte que hace bastante te envié un mensaje a tu instagram, espero puedas responderme, de lo contrario mil gracias igual.

[@nachosanabria6942]

graacias

[@jonmircha]

👋🏻😉

[@Carlosreyes-rz2xh]

Porque se usa Una arrow function???? en la linea De codigo 347, minuto 3:33 Del video

[@jonmircha]

por que se puede 😉

[@Carlosreyes-rz2xh]

@@jonmircha Pero cual la funcion que hace en este caso? porque por lo que yo sabia solo se utilizaba para crear las funciones anonimas, y estuve buscando por google y no aparece una explicacion .

[@vinilsign]

si revisas la sintaxis de forEach en MDN veras que por sintaxis se debe usar una callback y que esta funcion callback no tiene por que tener nombre y que mejor manera de hacerlo que con una arrow function, esa es la explicacion

[@filibertocruzarano1341]

Muy bueno, suscrito. Sería interesante un curso de svelte js. Explicas muy bien!!

[@jonmircha]

Lo voy a considerar

[@juancamilomunera3109]

@@jonmircha evangelízate con oscar, y tu manera de explicar sería excelente jaajaj saludos crack.

[@stories5661]

Hola jon ,tus cursos me han ayudado mucho , podrias hacer un curso de react js?

[@jonmircha]

más adelante haré uno de React

[@CamiloBricenoVilla]

No entiendo por que agregando un 5 adicional evitaria que se asigne aleatoriamente el numero 3 por ejemplo, no basta acaso con 100 numeros para que tambien pueda caer ese numero?

[@moiseshernandez5897]

Hola Jon, estoy viendo este video y creo que te falto explicar como hacemos uso de las propiedades dinamicas cuando las creamos directamente en el objeto. No se si ya sea por logica el saberlo y yo de plano estoy muy wey o si era necesaria una breve explicacion ya que eh estado intentando por horas y no eh podido. No se si me explico? A lo que voy es que cuando creas la propiedad dinamica dentro del objeto, le asignas cierto valor a esa propiedad dinamica, pero que pasaria si se quiere ocupar esa propiedad dinamica creada dentro del objeto con el arrays de nombres para que ese numero aleatorio no lo de en los nombres del array en lugar de su index. Ademas de que me encontre con algo super curioso que ya me volo la cabeza y casi me arranco los pelos. Si en el foreach despues del objUsuarios pongo ${aleatorio} en lugar de ${index} me arroja un resultado medio raro tomando en cuenta solo un nombre del array de nombres, pero si en lugar de poner el nombre de la variable pongo toda la operacion del math.round(math.random)etc.... si me arroja el resultado esperado que seria los nombres del array con los id aleatorios. Estoy super estresado ya con esto. Ojala me puedas ayudar. Saludos

[@heferh4320]

se me habia ocurrido un ejemplo de esta creacion dinamica con forEach de un conjunto, llamando funciones externas como esta : const objc = {} function pr (num){ if (num === 1) return console.error ("No se permite la unidad") let interruptor = true ; for (let i = 2; i < num; i ++) { if (num%i === 0){ interruptor = false; } } return (interruptor === false) ? "Compuesto" : "Primo" } const arrayC = [2,3,4,5,6] arrayC.forEach((value)=> objc[value] = pr(value)); console.log (objc);

[@jonmircha]

😉👍🏻

[@jigeovam5849]

Has un curso de next js

[@mrjulian664]

llevaba 2 dias batallando para poner nombres dinamicos a las variables y donde buscaba decian que no se podia y llego aqui sin querer y me da las respuesta en menos de 5 minutos jajaja. ctrl+z+ctrl+z+ctrl+z+ctrl+z+ctrl+z

[@jonmircha]

😅

[@elweonweandolaweafome]

El dinamismo de las propiedades es muy utilizado en React, verdad?

[@jonmircha]

sí

[@EsdrasVelez]

Hola jon, es la primera vez que veo un curso de programación y ya llegue hasta esta parte del curso, cuando me recomiendas empezar a ver el de node.js? lo mejor seria terminar primero todo este curo o ya podria empezar? Saludos.

[@jonmircha]

Por lo menos hasta que llegues al DOM, ideal terminalo

[@EsdrasVelez]

@@jonmircha gracias por responder, entonces a seguir dándole para empezar el siguiente curso, execelente contenido

[@alexdavidhurtadoyeneris7116]

Como dicen ustedes, de nueva cuenta, muchas gracias.

[@jonmircha]

🤓👍🏻

[@valentinserassio4742]

Buenardoooo

[@jonmircha]

👋🏻😉

[@naqzher]

muy bueno, cuando termines el curso habra curso de react? seria genial ! :D salu2 from arg ! :D

[@jonmircha]

Sí una miniserie de Webpack y luego REACT 💛⚛️

[@jonatangarcia2668]

@@jonmircha genial!

[@iluse557]

oye jon... si te ofreces a trabajar para microsoft o google en.uanto a full stack senior te tomarian???

[@jonmircha]

Quien sabe 😅

[@WillyAntunezVlogs]

Excelente clase jeje ¿Para cuando el curso de React profe? jejeje

[@jonmircha]

Muy pronto

[@WillyAntunezVlogs]

@@jonmircha Excelente jeje gracias

[@AzzaShark]

hola profe jon!, sigo haciendo tu curso! (me tardo mucho porque intento investigar a fondo cada tema que vemos), la verdad, este tema no logro entenderlo bien, no me queda claro como hacer que el objeto cree propiedades dinamicamente sin depender de por ejemplo, el arreglo dado, ya que crei entender que el objetivo es que el objeto objUsuario cree sus id de manera dinamica por si solo, pero veo que solo genera 1 id por si solo, como podria hacer para que me genere mas id segun mis requisitos?... no se si logro explicar bien lo que intento saber

[@vegaimagen9075]

Gracias Jon por el video, tengo una pregunta ..Las propiedades dinamicas en javascript tambien van de la mano con css en los efectos o eventos en algunos casos para que funcione ?Gracias

[@jonmircha]

Sí podrían utilizarse con custom props :)

[@vegaimagen9075]

@@jonmircha Gracias

[@DanielGil_]

Vengo del futuro. Gracias Jhonatan.

[@jonmircha]

jajajaja

[@rubenbarcenilla2695]

Algo se me escapa, por qué en el minuto 5:23 del vídeo, en la consola, aun estando el objeto vacío aparece en el primer console.log, id_0: "Jon", id_2: "Irma" ... E incluso si lo pruebo en la consola de firefox, me aparece en el primer console el objeto con todos los valores que se declaran después.

[@jonmircha]

😮

[@amb7399]

Tengo una duda. Tiene algún artículo o video sobre como organizar las carpetas en un proyecto de página web?? o algun lugar donde pueda ver eso?? Porque he visto que se utilizan carpetas como public o private, pero no entiendo bien el uso. Gracias por su tiempo, muy buen video !!!

[@jonmircha]

Eso depende más bien del stack de herramientas o frameworks que uses

[@esnidergomezccencho1659]

Una pregunta ,profesor. Además de HTML, CSS, JS, React.js y Next otras librerías y frameworks usa para elaborar su pagina web?

[@jonmircha]

Para mi página sólo uso HTML, CSS y JS planito con un SSG que se llama sergey

[@esnidergomezccencho1659]

@@jonmircha , profesor, usted menciono que en su pagina web implementaría una sección de noticias o algo así antedí, que piensa usar si es el caso.

[@marianofranzetti8982]

si tu vienes del futuro.. me senti trunks del futuro por unos instantes

[@jonmircha]

jajaja

[@djhalek2749]

veo muy atento atrás a Batman.

[@jonmircha]

jajajaja

[@homebrewsDS]

Alguien sabe porque me da error poner la propiedad ["${aleatorio}"] dentro del objeto??

[@semillas100]

Escribelo asi, con esa comillas -> [`${aleatorio}`]

[@weslinmartinez1802]

Irma tiene que ser su esposa 🤔

[@hernansanabria9685]

sept 11 1969**Oct 20 2023 gracias excelente curso felicidades John Mircha

[@jonmircha]

Gracias, saludos👋🏻😉

[@nachosanabria6942]

gracias excelente video

[@jonmircha]

Gracias por comentar