Freddy Montes Profile picture
Aug 3 4 tweets 3 min read
¿Pesadillas con los memory leaks en #JavaScript?

Hay dos causas comunes:

1. Event listeners
2. Elementos eliminado del DOM, pero referenciados.

Te dejo dos videos que explican como usar el browser para detectarnos y arreglarlos.

🧵
El primero de @MicrosoftEdge tiene una herramienta para ver los Detached Elements del DOM

LINK:

En la última versión de Edge ya viene sin flag.
El siguiente el de @googlechrome y explican como utilizar los Heap Snapshots en la pestaña de Chrome para detectar memory leaks.

❤️ Si te gusto este thread dale RT al primer tweet y sígueme para más contenido.

📕 Y tengo un libro gratis de tips de #HTML, #CSS y #JavaScript fmontes.com/99

📸 También hago contenido en instagram.com/fmontes

• • •

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

Keep Current with Freddy Montes

Freddy Montes 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 @fmontes

Aug 2
¿Te cuesta navegador el historial de Git?

No es fácil, pero existe una extensión GRATIS de @code perfecta que te lo facilita:

🍉 Watermelon 🍉

❤️ RT para salvar un colega

🧵 Hilo
Con Watermelon vas a poder ver con muchísimo detalle toda la historia de tu código línea por línea.

Es superútil cuando trabajas en equipo y un simple git blame ya no es suficiente.
En detalle te permite:

1. Ver quien fue el último que tocó una línea
2. Ver cuáles fueron los commits que afectaron el archivo
3. Ver los Pull Request que incluían cambios en el archivo
Read 6 tweets
Aug 1
✅ ¿Quieres practicar #frontend sin quedarte pegado?

✨ Te preparé un ejercicio para hoy ✨

👉🏽 AQUÍ EL CÓDIGO: codepen.io/fmontes/pen/QW…

🧵 Thread con tareas y pasos a realizar para completarlo.

❤️ RT please
La aplicación es un #webapp para crear de facturas que les permite a los usuarios crear facturas agregando y/o eliminando ítems.

Los ítems consisten en

- Descripción
- Precio

La aplicación debe calcular el total a medida que se van agregando o ítems.
Analicemos el diseño.

Es una sola pantalla con dos estados:

🪫 Sin ítems:
1. Formulario: descripción, precio y botón
2. Mensaje de "no hay ítems"

🔋 Con ítems:
1. Formulario: descripción, precio y botón
2. Líneas de la factura con botón para eliminar
Read 17 tweets
Jul 28
💰 ¿Se puede ganar dinero mientras aprendes a programar?

@stackuphq es la nueva plataforma donde aprendes a programar mientras te pagan y conectas con una comunidad global de #developers.

Te explico en el hilo 🧵

❤️ Ayudame con RT

#CodeNewbie #100daysofcode
Regístrate GRATIS y aprende 👇🏼

- #HTML
- #Web3
- #Phyton
- #Rust
- #Go

¡Puedes ganar dinero de un fondo común de al menos $30,000 USD por mes!
Para sumarte, solo tienes que hacer esto:

- Entra a: app.stackup.dev
- Regístrate con mi código de acceso temprano: “fmontes”

CLICK AQUI: bit.ly/3Pa4YrP 👈🏼
Read 4 tweets
Jul 26
Pregunta lo que quieras anónimamente:

ngl.link/fmontes

✨ LET'S GO ✨
No, el trabajo remoto ya ganó y las empresas que no se den cuenta de eso la van a pasar muy mal encontrando gente. Nosotros como trabajadores tenemos que ser muy responsables con el trabajo remoto y demostrar que si se puede. Image
Claro que si, hay muchos ejemplo. No pongas tu edad en tus perfiles para evitar que te juzguen mal por eso. Hay mucha experiencia valiosa que solo te dan los años de vida que sirven para la industria de tecnología. Image
Read 14 tweets
Jul 22
✨ ¿Responsive design murió? ✨

Yo creo que ¡SI!

...al menos como lo aprendimos hace algunos años.

🧵 Explico y dejo recursos
Responsive design se trata de "responder" al tamaño de la pantalla.

¿El problema? Millones de pantallas llegaron, con color, paper like y hasta plegables.

Solo media queries no es suficiente... tenemos que maquetar "adaptativamente" o "elásticamente"
El @csswg o como a mí me gusta llamarlo "El estándar" lo notaron así que empezaron a trabajar.

✨ Flexbox ✨

Que ajusta tamaño y posición de cajas en función de su relación con cajas hermanas.

developer.mozilla.org/en-US/docs/Web…
Read 15 tweets
Jul 11
Hace 20 años cuando empece a programar me inventaba mis propios proyectos para practicar y mejorar.

✨ Tú no tienes que hacer eso ✨

Te dejo 10 #sitiosweb para practicar y mejorar tus skills como programador.

❤️ ¿Me ayudas con un RT?
Empecemos con el más conocido, HackerRank.

No solo tiene ejercicios de algoritmos, sino también una sección para prepararte para una entrevista.

Además, tener un buen puntaje en HR te puede sumar puntos cuando estés buscando empleo.

hackerrank.com
Code Wars tiene "kata" que son pequeños ejercicios de código para afianzar tus conocimientos.

Soporta desde #JavaScript hasta #Ruby o #Go o #PHP, lo que quieras.

Los ejercicios comienzan fácil, pero se van poniendo más complicados.

codewars.com
Read 12 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

Don't want to be a Premium member but still want to support us?

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!

:(