Share this page!

Maybe Scrolly?
Miguel Ángel Durán Profile picture
Twitter logo
27 Nov, 6 tweets, 3 min read
¿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.
3️⃣ JavaScript 30 📆

30 días, 30 proyectos y tutoriales para crear con JavaScript.

Desde pequeños juegos 🎮 hasta utilidades con canvas hasta tu propio reproductor de vídeo.

➡️ github.com/wesbos/JavaScr… Portada de Javascript 30.
4️⃣ Vanilla Web Projects 🍦

20 miniproyectos construidos con HTML5, CSS y JavaScript. Sin frameworks ni librerías.

Crea un gestor de gastos, un juego para romper bloques 🧱 y una app de relajación.

➡️ github.com/bradtraversy/v… Logos de HTML5, JS y CSS3
5️⃣ React Projects ⚛️

Colección de proyectos creados con React para familiarizarte con la biblioteca.

Son 11 proyectos entre los que destaca un editor de Markdown, un Tres en Raya y un Clon de Reddit.

Ah! Y también tiene contenido sobre Redux.

➡️github.com/ajayns/react-p… Titulo de React Proyectos Increibles y una ilustración cons

• • •

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

Miguel Ángel Durán Profile picture
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
Miguel Ángel Durán Profile picture
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
Miguel Ángel Durán Profile picture
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
Miguel Ángel Durán Profile picture
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
Miguel Ángel Durán Profile picture
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
Miguel Ángel Durán Profile picture
21 Apr
Los 3 mejores servicios para crear imágenes de tus snippets de código y compartirlas en redes sociales. 📸

🧵👇 Image
El primero es Snappify.io.
Lo he descubierto recientemente y cada vez me gusta más. 🤗

- Te deja elegir entre 6 temas de colores 🌈.
- Soporte para un montón de lenguajes 🗣.
- Añade fácilmente marca de agua ®.
- Preparado para las medidas de Twitter 📐. Código de snappify para ver...
También tenemos el mítico carbon.now.sh.
Van tan sobrados que no han cambiado a un dominio en condiciones.

- Themes reales de Visual Studio Code 🔥.
- Fondos de imágenes de Unsplash. 📸.
- Un montón de fuentes a elegir. 🤯
- Muy configurable 🔧
- Exporta a SVG Image
Read 5 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

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @midudev has new unrolls!

Check out other threads from @midudev!

Read all threads by @midudev

:(