Miguel Ángel Durán Profile picture
Jul 27, 2022 7 tweets 4 min read Read on X
Todos queremos mejorar nuestra LÓGICA de PROGRAMACIÓN.

Pero sólo se puede lograr PRACTICANDO.

¡Te comparto las MEJORES plataformas GRATUITAS para conseguirlo!

🧵⇩
↪ CODE SIGNAL

La que usan empresas como Facebook, Uber o Reddit para entrevistas técnicas.

Tiene un modo arcade, donde tienes que ir avanzando, y puedes realizar los ejercicios en decenas de lenguajes de programación como: JavaScript, Kotlin, PHP, ...

codesignal.com/developers/ Captura de pantalla de la portada de CodeSignal
↪ ADVENT JS

Completamente en español. 25 retos de programación de JavaScript.

Tiene un playground de código que comprueba si es correcto mientras lo escribes.

Son ejercicios divertidos y algorítmicos que te ayudarán a mejorar tu lógica.

adventjs.dev Captura de pantalla de la web de AdventJS. Sale el texto &qu
↪ LEET CODE

14 lenguajes de programación soportados.
Un editor de código cómodo...
Y una de las mayores colecciones de ejercicios de programación que puedes encontrar.

Todo lo que está bien, está aquí.

leetcode.com Captura de pantalla de la web de LeetCode
↪ EXERCISM

Mejora tu nivel en hasta 59 lenguajes de programación distinto.

Si existe, se encuentra en esta plataforma.

Especialmente destacado para Python y JavaScript, pero tiene de Rust, Go, Elixir, Ruby...

Una interfaz super bonita.

exercism.org Captura de pantalla de la página de Exercism
↪ HACKER RANK

Desde estructuras de datos, hasta algoritmos e inteligencia artificial.

Esta plataforma te prepara para que passes tus entrevistas más demandantes.

Tiene una interfaz limpia y soporte para un buen puñado de lenguajes de programación.

hackerrank.com
↪ EDABIT

Te promete aprender a programar más rápido...

Lo que es verdad es que tiene más de 10.000 desafíos interactivos para que puedas seguir mejorando.

Desde C# a Swift, Java, Python, PHP y JavaScript.

edabit.com Captura de pantalla de la página web de Edabit donde pone &

• • •

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

Jun 28, 2024
Cómo pasar de Junior a Senior en Programación

MEGA HILO con ideas, trucos y consejos. Ilustración en pixel art que muestra la progresión de un programador de junior a senior. A la izquierda, un joven programador con equipo básico y código simple, evolucionando hacia la derecha donde el programador gana experiencia, con código más complejo y mejor equipo. La etapa final en el extremo derecho muestra a un programador senior con herramientas avanzadas, código sofisticado y un entorno de alta tecnología, pasando de una habitación simple a una oficina moderna
1 🛤️ Camino al Senior: Empezando por el Principio

Lo más importante. NO HAY ATAJOS y necesitas tiempo.
Comienza con una base sólida. Domina los fundamentos de la programación: algoritmos, estructuras de datos y patrones de diseño.

Ese conocimiento te servirá siempre.
2 🧠 Profundiza en tu Stack

Para iniciarte es buena idea saber un poco de todo, te abre más posibilidades en el mercado, pero conforme ganas años de experiencia te ayudará especializarte.

Eso sí, tampoco te cierres en banda a nada nuevo. La tecnología cambia rápido.
Read 17 tweets
Jun 25, 2024
¡Consigue un 100 de Rendimiento en tu Web!

MEGA HILO con trucos para que lo consigas ↓ 100 de puntuación en Web Performance
1. Carga diferida de código

Con imports dinámicos puedes cargar bibliotecas sólo cuando las necesitas.

Por ejemplo: Si necesitas algo sólo tras la interacción del usuario...
¡Entonces cárgalo entonces y no desde el principio!

Un ejemplo con código JavaScript: Código JavaScript que usa import dinámico al hacer click en un botón para cargar una biblioteca.
2. Detecta el JS y CSS que no necesitas

Usa la pestaña de Cobertura en las DevTools.
Te dice el % de uso de cada uno de tus archivos
Al darle a un archivo, te muestra las líneas que se usan
Así detectas fácil qué no estás usando Uso de la pestaña Coverage (o Cobertura) en las DevTools que te indica que tanto por ciento estás usando de los archivos de una página.
Read 14 tweets
Jun 21, 2024
5 repositorios de GitHub para crecer de Junior a Senior:
1. La ruta para ser Senior Software Engineer

Libros, contenido, newsletter, artículos, comunidades y mucho más para guiarte en tu camino al crecimiento profesional.

🔗 github.com/jordan-cutler/…
Image
2. Build your Own X

Aprende a desarrollar casi cualquier cosa.
Sistemas operativos, drivers, compiladores, bots, juegos, buscadores...

No importa lo que quieras programar, en este repositorio tienen una guía para que lo aprendas.

🔗 github.com/codecrafters-i…
Image
Read 6 tweets
Jun 17, 2024
Cursos de Google para Aprender Programación Web
En Español, desde cero y sin coste ↓ Cursos de Google para Aprender Programación Web con HTML, CSS y JavaScript
Aprende HTML

Curso de HTML para desarrolladores web que va de nivel principiante hasta experto. Repasas todos los elementos y atributos que debes conocer, además de la semántica de la web.

web.dev/learn/html
Image
Aprende sobre CSS

Desde los fundamentos de CSS, como el modelo de caja, cascada y especificidad, caja flexible, grid y z-index.

Hasta funciones, tipos de color, gradientes, propiedades lógicas y herencia.

web.dev/learn/css
Image
Read 4 tweets
May 13, 2024
Aprender a PROGRAMAR NO TIENE que ser ABURRIDO
CSS, JavaScript, Python, TypeScript, Blockchain...

Los 10 mejores juegos para aprender a programar ⇩ Un chico en su habitación aprendiendo a programar usando videojuegos.
1. SQL Murder Mystery

Resuelve con consultas SQL un misterioso asesinato. Desde cero y hasta niveles avanzados.

mystery.knightlab.com
Image
2. WARRIOR JS

Controla con JavaScript un caballero para superar para superar todos los obstáculos de las mazmorras.

Totalmente gratis con dos niveles de dificultad.

warriorjs.com
WarriorJS
Read 11 tweets
Mar 14, 2024
¿Quieres configurar tu VISUAL STUDIO CODE y que te quede como el de la imagen?

¡Te comparto mi tema, configuraciones, fuente, trucos y extensiones! ↓ Image
Tema: One Dark Pro
Variante: Darker

Para conseguir el mismo estilo debes activar las itálicas, las negritas y que los colores sean vívidos.

Es mi preferencia personal pero a mi me gusta mucho cómo queda. Configuración para One Dark Pro: Bold, Italic, Markdown Style, Vivid activados. Color Theme: One Dark Pro
Fuente: Cascadia Code De Microsoft y de código abierto.
Descarga:

Instala la versión "Cascadia Code PL" (trae ligaduras y Power Symbols).

Activa las ligaduras en Code y carga la fuente correcta así: github.com/microsoft/casc…
Configuración en Visual Studio Code para activar las ligaduras. En tu settings.json usa "editor.fontLigatures" y ponlo a true.
Read 8 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!

:(