Curso JavaScript: 56. Propiedades Dinámicas de los Objetos -
En este video te explico las Propiedades Dinámicas (#CustomProperties) en #JavaScript.
💛 Aprende JavaScript aprendejavascript.org/
📖 Mis notas sobre JavaScript jonmircha.com/javascript
📖 Mis notas sobre ECMAScript jonmircha.com/ecmascript
📖 Mis notas sobre JavaScript Asíncrono jonmircha.com/javascript-asin...
📦 Códigos: github.com/jonmircha/youtube-js
🔔 Suscríbete al canal kzread.info?sub_con... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/jonmircha
📫 Suscríbete a mi lista de correo tinyletter.com/jonmircha/
Пікірлер: 159
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
3 жыл бұрын
😉🙌🏻
Tanta información me reventó una neurona, pero a la vez me ha abierto el apetito para conocer más, muchas gracias!!!!
@jonmircha
2 ай бұрын
Excelente!👋🏻😉
Cada vez que avanzo en tema mas me doy cuenta que estoy a años luz de crear una aplicación.
@jonmircha
3 жыл бұрын
Ánimo, Roma no se hizo en un día :)
@lmga4159
3 жыл бұрын
Somos dos.
@victormaldonado6269
3 жыл бұрын
@@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
2 жыл бұрын
Ya somos tres jajaja y sin contar los que no han visto este comentario. 🤣
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
2 жыл бұрын
Eso mismo, me acabo de sorprender.
👏👏🙌🙌🙌 continuemos
@jonmircha
11 ай бұрын
👋🏻😉
Genio Jon, adoro como explicas! Me gustó mucho que lo hayas ejemplificado con un posible uso (en este caso, tu página web)
@jonmircha
10 ай бұрын
👋🏻😉
Muchas gracias por esta clase. Sr Mircha
@jonmircha
7 ай бұрын
Hola, muchas gracias👋🏻😉
sept 11 1969**Oct 20 2023 gracias excelente curso felicidades John Mircha
@jonmircha
8 ай бұрын
Gracias, saludos👋🏻😉
sept 11 1969**Oct 9 2023 gracias excelente curso felicidades John Mircha
@jonmircha
8 ай бұрын
👋🏻😉
Muchisimas gracias por este contenido de valor
@jonmircha
9 ай бұрын
👋🏻😉
Gracias profe!
🧙♂Muchas gracias!!!
@jonmircha
Жыл бұрын
👋🏻😉
Muy Bueno. Interesante, como siempre.
@jonmircha
4 жыл бұрын
Comparte para llegar a más gente :)
Gracias Jon por tomarte el tiempo de apoyarnos. La enseñanza es un llamamiento divino.
@jonmircha
Жыл бұрын
😉👋🏻
Un vídeo muy interesante. Muy grande como siempre.
@jonmircha
3 жыл бұрын
Gracias! 😊
cada video es interesante sinceramente muchas gracias
@jonmircha
4 жыл бұрын
De nada, comparte para llegar a más gente
sigo viendo este gran material dos años despues de su publicacion, grande Jon
@jesuscalderon9547
Жыл бұрын
Grande Jon, y aquí seguimos varios aun! Saludos!
@jonmircha
Жыл бұрын
👋🏻😉
muchas gracias por esta clase jon!!!!
@jonmircha
2 жыл бұрын
👋🏻
seria genial que nos enseñaras a crear un sitio web como el tuyo esta genial
@jonmircha
Жыл бұрын
😉👍🏻
Super el conocimiento que compartes!!! Gracias Jon.
@jonmircha
2 жыл бұрын
😉👌🏻
Muchas Gracias Jonathan :)
@jonmircha
3 жыл бұрын
De nada!
Muchas gracias maestraso, excelente clase!!
@jonmircha
3 жыл бұрын
Con mucho gusto
Excelente explicación !! Saludos
@jonmircha
4 жыл бұрын
Suscríbete y comparte para llegar a más gente :)
Muchas gracias excelente aporte
@jonmircha
Жыл бұрын
Con gusto
gracias excelente video
@jonmircha
2 жыл бұрын
Gracias por comentar
Excelente vídeo!
@jonmircha
Жыл бұрын
😉👋🏻
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
4 жыл бұрын
Diario de Lunes a Viernes en punto de las 13hrs de México :) comparte para llegar a más gente
Excelente el ejemplo practico, gracias.
@jonmircha
4 жыл бұрын
De nada, comparte para llegar a más gente
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
2 жыл бұрын
🥰🙌🏻
Muchas gracias Jon! me gusto ver el ejemplo practico del final
@jonmircha
Жыл бұрын
😉👍🏻
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
2 жыл бұрын
😉👍🏻
Me gusta la nueva decoración con el Batman ahí de fondo! Saludos, muy bueno el curso!
@jonmircha
3 жыл бұрын
Gracias! Saludos!
Muchisimas gracias. Ahora a aprender el this
@jonmircha
Жыл бұрын
Mucha suerte!
Se viene complicando 🤣
@jonmircha
2 жыл бұрын
😉
Gracias @jonmircha por la serie de videos, me estan ayudando mucho. Sería genial una de nodejs con lo ultimo! Saludos
@jonmircha
4 жыл бұрын
Esta serie tendrá una parte de Node después de ver la parte de los navegadores 🤓
@omarfernandez6311
4 жыл бұрын
@@jonmircha Estaré esperando la parte de Node con muchas ansias :D, gracias Jon.
@yamil3105
4 жыл бұрын
Que bien!!!! 👏👏👏👏 Ojalá que sea extensa
Muy buenas clases profesor. Lo recomiendo a todos los que quieran aprender JS.💛
@jonmircha
2 жыл бұрын
🤓🤘🏻
Saludos profe.. Muy buenos estas propiedades dinàmicas de los objetos.. Gracias y saludos desde Venezuela (30/01/2023)😀😀
@jonmircha
Жыл бұрын
👋🏻😉
excelente maestro 🤑🤑🤑🤑🤑🤑🤑
@jonmircha
Жыл бұрын
Gracias. Saludos
"Si vienes del futuro " jajaja ...muchas gracias , muy buen video
1:40 La definición de propiedades dinamicas.
Muchas gracias profesor Jon, DIOS lo guarde y toque su corazón, Amén !
@jonmircha
3 жыл бұрын
:)
Buenardoooo
@jonmircha
11 ай бұрын
👋🏻😉
graacias
@jonmircha
6 ай бұрын
👋🏻😉
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
2 жыл бұрын
🙈🤭
Ulalá, se vió mu buena esa función de los markdown, muero por aplicarlo en algun proyecto jeje
@jonmircha
2 жыл бұрын
😉👍🏻
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
Жыл бұрын
😅
Has un curso de next js
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
2 жыл бұрын
Next.js es un framework de React orientado a sitios y apps SSG y SSR
@alvaroambiorixmarcelinotav6536
2 жыл бұрын
@@jonmircha Muchísimas gracias Jon
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
Muy bueno, suscrito. Sería interesante un curso de svelte js. Explicas muy bien!!
@jonmircha
4 жыл бұрын
Lo voy a considerar
@juancamilomunera3109
3 жыл бұрын
@@jonmircha evangelízate con oscar, y tu manera de explicar sería excelente jaajaj saludos crack.
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
Жыл бұрын
😅
Hola jon ,tus cursos me han ayudado mucho , podrias hacer un curso de react js?
@jonmircha
3 жыл бұрын
más adelante haré uno de React
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 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
2 жыл бұрын
😉👍🏻
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
3 жыл бұрын
Sí gracias es vlogs de videoblogs 😉
@condebasura
3 жыл бұрын
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.
muy bueno, cuando termines el curso habra curso de react? seria genial ! :D salu2 from arg ! :D
@jonmircha
4 жыл бұрын
Sí una miniserie de Webpack y luego REACT 💛⚛️
@jonatangarcia2668
3 жыл бұрын
@@jonmircha genial!
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?
Excelente clase jeje ¿Para cuando el curso de React profe? jejeje
@jonmircha
3 жыл бұрын
Muy pronto
@WillyAntunezVlogs
3 жыл бұрын
@@jonmircha Excelente jeje gracias
veo muy atento atrás a Batman.
@jonmircha
3 жыл бұрын
jajajaja
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
4 жыл бұрын
Sí podrían utilizarse con custom props :)
@vegaimagen9075
4 жыл бұрын
@@jonmircha Gracias
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
3 ай бұрын
Por lo menos hasta que llegues al DOM, ideal terminalo
@EsdrasVelez
3 ай бұрын
@@jonmircha gracias por responder, entonces a seguir dándole para empezar el siguiente curso, execelente contenido
oye jon... si te ofreces a trabajar para microsoft o google en.uanto a full stack senior te tomarian???
@jonmircha
8 ай бұрын
Quien sabe 😅
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
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
3 жыл бұрын
Eso depende más bien del stack de herramientas o frameworks que uses
El dinamismo de las propiedades es muy utilizado en React, verdad?
@jonmircha
Жыл бұрын
sí
Vengo del futuro. Gracias Jhonatan.
@jonmircha
3 жыл бұрын
jajajaja
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
2 жыл бұрын
Para mi página sólo uso HTML, CSS y JS planito con un SSG que se llama sergey
@esnidergomezccencho1659
2 жыл бұрын
@@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.
Como dicen ustedes, de nueva cuenta, muchas gracias.
@jonmircha
2 жыл бұрын
🤓👍🏻
Porque se usa Una arrow function???? en la linea De codigo 347, minuto 3:33 Del video
@jonmircha
3 жыл бұрын
por que se puede 😉
@Carlosreyes-rz2xh
3 жыл бұрын
@@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
3 жыл бұрын
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
Alguien sabe porque me da error poner la propiedad ["${aleatorio}"] dentro del objeto??
@semillas100
3 жыл бұрын
Escribelo asi, con esa comillas -> [`${aleatorio}`]
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
2 жыл бұрын
😮
si tu vienes del futuro.. me senti trunks del futuro por unos instantes
@jonmircha
3 жыл бұрын
jajaja
Irma tiene que ser su esposa 🤔
gracias excelente video
@jonmircha
2 жыл бұрын
Gracias por comentar