¡QUIZ de JavaScript! 🧩

Estamos usando un spread operator para crear un nuevo objeto a partir de las propiedades del original...
¿Qué pasa con el objeto original? 🤔

Te dejo las opciones, la solución y la explicación en el hilo.

🧵⬇️
Las tres opciones serían:

A) El objeto original sigue intacto. ✌️
B) El objeto original ve modificados los valores dentro de networks. 😵
C) El objeto original se modifica completamente. 🤪
¡Pues el correcto es el segundo!

La propiedad name queda intacta pero, en cambio, el objeto anidado "networks" sí es modificado.

¿Y qué ha pasado aquí? 😅
Pues que el operador spread está haciendo una copia superficial del objeto. 😳

Una solución para evitarlo en este caso sería volver a usar el spread pero justamente con la propiedad anidada:

const midu = {
...persona,
networks: {
...persona.networks
}
}
¡Si te ha gustado este Quiz, dale LIKE y compártelo con tus amigos para que me anime a hacer más!
🤗

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Miguel Ángel Durán

Miguel Ángel Durán Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @midudev

27 Nov
¿Quieres mejorar en programación? 🔥

Sal de los cursos, empieza a crear proyectos y a pelearte con el código para subir de nivel.

🧵 ¡5 repositorios que te van a ayudar!
1️⃣ Build Your Own X

¿Quieres crear tu propio lenguaje de programación? ¿Y tu propio sistema operativo?

En este repositorio con proyectos para crear un montón de cosas que, seguramente, no creíais que pudieras ser capaz de hacerlo.

github.com/danistefanovic… Lo que no puedes crear, no lo puedes entender.
2️⃣50projects50days

¿Te faltan ideas sobre qué puedes programar para practicar? ¡Pues aquí tienes 50 proyectos! 🔥

Sí. 50. ¡Luego dirás que no se te ocurre nada!

Todo con tecnologías web para que puedas practicar de lo más básico o lo más avanzado.

➡️ github.com/bradtraversy/5… Imagen con un 50 grande y los logos de HTML, JS y CSS3.
Read 6 tweets
27 Nov
😱 No me puedo creer que vayamos a llegar a 100K en el canal de YouTube.
➡️ youtube.com/midudev?sub_co…

¡MUCHAS GRACIAS por vuestro apoyo y cariño!
Estas cosas animan para seguir creando contenido. ❤️

🧵 Un hilo con los 5 vídeos más vistos del canal ⬇️
😿 ¡No sirvo para programar!
¿Quién no ha pensado eso alguna vez?

Yo lo pensé un montón de veces en la universidad... y casi dejo la programación y todo.

Por suerte, aprendí unas cuantas cosas que te comparto en este vídeo:
🖼 ¿Te imaginas crear el logo de Instagram con sólo CSS en menos de un minuto?

Pues deja de imaginar, aquí te lo enseño ⬇️
Read 6 tweets
5 Nov
⚡ El hilo que necesitas con todas las métricas de Web Performance que debes conocer.

📏 Sus valores recomendados y cómo se miden.

🧵👇 Métricas de Web Performance que debes conocer
📡 Time to First Byte (TTFB)

Mide el tiempo desde que el navegador hace la petición de la página hasta que el primer byte es recibido.

ℹ️ Bastante importante, ya que afecta a todas las demás.

✅ <600ms
Se extrae de datos de laboratorio 🧪 y usuarios reales 👨‍👩‍👧‍👦 Mostrando el TTFB en las herramientas de desarrollo
🎨 First Contentful Paint (FCP)

Señala el tiempo que se ha tardado en renderizar cualquier texto o imagen (incluido fondos)

ℹ️ Le dice al usuario si realmente la web funciona y pueda empezar a consumir la web.

✅ <1.8s
Datos de laboratorio 🧪 y usuarios reales 👨‍👩‍👧‍👦
Read 12 tweets
24 Sep
¿Quieres MEJORAR tu LÓGICA de programación?
¡5 sitios con retos de código que no conocías!

🧵👇
CodeSignal es, sin duda, una de mis favoritas 🥇. Es la plataforma que usa Facebook, y otras empresas top del sector, para hacer sus pruebas técnicas.

Puedes seguir el modo Arcade, que tiene un recorrido de pruebas que van aumentando en dificultad.

➡️ codesignal.com/developers/ Captura de pantalla de Code Signal
Exercism tiene hasta 55 lenguajes de programación diferentes. Sólo en JavaScript tienes más de 128 ejercicios para trabajar 24 conceptos. 🤯

Además tiene bastantes cosas de red social. Puedes mentorizar a otras personas y ganar reputación. 🏆

➡️ exercism.org Screenshot de Exercism.
Read 7 tweets
20 Sep
5 trucos de Git que seguramente no conoces (y necesitas en tu vida).

¡Dentro hilo! 🧵👇 Portada de mini trucos Git, con el logo de Git.
¿Sabes que cuando pones mal un comando en Git te dice cuál era el que seguramente querías ejecutar? ✅

😮 Pues existe una forma de hacer que se ejecute automáticamente para que no pierdas tiempo volviendo a intentar.

Puedes configurar el tiempo de autocorreción. ⏲️ Explicación del comando: git config --global help.autorrect
Existe una forma super fácil y rápida de volver a la rama anterior 🔀.

⚡ Usando 'git switch -' volverás a la rama anterior en la que estabas trabajando. ¡Se acabo tener que buscar el nombre de la rama que estabas!

ℹ️ Si no tienes 'git switch', puedes usar 'git checkout'. Explicación de cómo usar git switch - en la terminal para
Read 7 tweets
5 Aug
Guía para aprender a centrar elementos en CSS de una vez por todas.

🧵 👇
Con grid, centrar elementos en los dos ejes es sencillo. Es fácil de recordar y funciona muy bien para layouts grandes.

Digo casi porque los elementos que contiene tomarán la anchura del elemento más ancho. 📐

.container {
display: grid;
place-content: center;
} .container {   display: grid;   place-content: center; }
Puedes usar flex y una solución un poco hacky para centrar los elementos usando un margen.

No es elegante 🙈 pero te puede sacar de apuros para iconos y elementos pequeños.

.container {
display: flex;
}

.container > * {
margin: auto;
} Puedes usar flex y una solución un poco hacky para centrar
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(