Share this page!

Maybe Scrolly?
Miguel Ángel Durán Profile picture
Twitter logo
24 Sep, 7 tweets, 5 min read
¿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.
Imagina recibir cada día un nuevo reto de programación en tu correo. 📬

¡Y encima retos que son usados por las mejores empresas del sector como Amazon, Google o Spotify! 🔥

Pues eso mismo lo puedes conseguir con Daily Coding Problem.

➡️ dailycodingproblem.com Screenshot de un correo de Daily Coding Challenge
Si buscas mejorar especialmente en maquetación web con HTML, CSS y JavaScript... ¡entonces necesitas conocer Codewell! 🤩

Cada semana tienes nuevos retos para crear diseños con desarrollo web. Es gratis aunque hay una suscripción premium. 🆓

➡️ codewell.cc Captura de pantalla de la web de Codewell para practicar HTM
HackerRank es una mítica. Muchísimo contenido, posibilidad de certificarte en algunas tecnologías y competir. 🆚

Igualmente, aquí hemos venido a mejorar tu lógica de programación y ofrece miles de retos para que lo consigas. 🔥

➡️ hackerrank.com
👨‍💻👩‍💻 Y si te quedan ganas de seguir aprendiendo, no te pierdas mi canal de YouTube donde tienes cursos, buenas prácticas con JavaScript y muchas cosas más:

midu.tube

• • •

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
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
Miguel Ángel Durán Profile picture
16 Apr
Todos mis cursos de programación GRATIS 🧑‍💻

👇🧵
FullStack JavaScript Bootcamp 🚀

- Fundamentos de Desarrollo Web
- JavaScript y React
- APIs Node.JS y Express
- MongoDB
- Deploy a Heroku
- Testing con Jest y react-testing-library
- Testing E2E con Cypress

¡Más de 20 clases y seguimos ubiendo!

youtube.com/playlist?list=…
Curso de React ⚛️ desde cero para crear una aplicación paso a paso.

- ¿Qué es React y por qué lo necesitamos?
- Crea una app con create-react-app
- Hooks y Custom Hooks
- Estado global con Context

Más de 16 horas de contenido totalmente gratis.
youtube.com/playlist?list=…
Read 7 tweets
Miguel Ángel Durán Profile picture
9 Apr
¿Quieres hacer un Live Coding Challenge en condiciones en tu empresa como prueba técnica? 👩‍💻🧑‍💻

Te comparto lo que he aprendido después de hacer decenas de procesos en este MEGA HILO. 🧵👇
PRIMERO, APRENDE a hacer entrevistas 🙂

Hacer entrevistas no es fácil. La mejor forma de aprender es hacer Dry Runs dentro de la empresa. Cuantos más, mejor.

Antes de hacer Live Coding es OBLIGATORIO que pases uno y entiendas cómo se puede sentir la persona que entrevistas.
EL TIEMPO ⏲️

NO estamos cociendo un huevo 🥚. Estamos conociendo a una persona. Dedícale tiempo. De calidad. Dos horas MÍNIMO.

- Media hora para hablar y romper el hielo 🧊.
- Una hora para la prueba 💻.
- Media hora para comentar tranquilamente la solución 💬.
Read 14 tweets
Miguel Ángel Durán Profile picture
2 Feb
¿Qué tiene que ver la propiedad z-index de CSS con Gangnam Style, Leonhard Euler, el origen de las funciones de programación y el fin del mundo en 2038 😱?

Te lo cuento en un hilo 🧵👇 En la imagen aparece una explicación gráfica del z-index.
El valor máximo de la propiedad CSS "z-index" es 2147483647. ☝️

Lo sé, porque lo he usado para intentar meter una capa por encima de mapas con valores absurdos y advertisements que siempre quieren estar por encima de TODO. 🌚

Seguro que a ti no te ha pasado nunca... 🙄 Imagen de una Pull Request de GitHub donde se explica en ing
Seguramente te preguntes... 🤔

¿Qué pasa cuando intentas añadir un valor mayor al z-index? Que explota el mundo. 🤯

Noooo. Pues que aunque puedes poner un número mayor, en el 99'999% de los navegadores el valor computado seguirá siendo 2147483647. CSS donde se muestra cómo usando un valor muy alto en z-ind
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

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

Donate via Paypal Become our Patreon

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

:(