midudev · Miguel Ángel Durán
LightNews LightNews
banner
midu.dev
midudev · Miguel Ángel Durán
@midu.dev
5.6K followers 11 following 1.4K posts
👨‍💻 Ingeniero de Software & JavaScript
⭐ GitHub Star · Google Dev Expert · Microsoft MVP
🔴 Twitch Partner: twitch.tv/midudev
🗣️ Discord: discord.gg/midudev
Posts Replies Media Videos
midu.dev
Guía para crear bien selectores de fecha en HTML.
Este artículo tiene un montón de buenos consejos.

✓ <input type="date"> antes que cualquier librería
✓ Separar día/mes/año suele ser mejor que un calendario
✓ Si hay pocas opciones, usa <select>

Además con explicaciones claras, accesibilidad y más.
Captura de una guía que muestra cómo pedir fechas sin volverte loco. Arriba aparece un ejemplo estilo GOV.UK con tres cajitas separadas para día, mes y año, como si el formulario quisiera que el usuario hiciera un mini sudoku. Abajo, otro ejemplo con selects para elegir mes, año y hora, demostrando que a veces un buen desplegable evita que los usuarios escriban fechas dignas de un viaje en el tiempo.
November 13, 2025 at 3:59 PM
midu.dev
Los 9 algoritmos que dominan el mundo.
Infografía titulada “9 Algorithms that Dominate Our World” con ilustraciones de los algoritmos más influyentes en la tecnología moderna. Muestra desde burbujas ordenando números hasta redes neuronales, cifrados RSA y transformadores tipo GPT. Una especie de dream team de algoritmos: los que hacen que Internet, la IA y hasta los mapas funcionen sin que nos demos cuenta.
November 13, 2025 at 2:58 PM
midu.dev
Menos mal que PHP estaba muerto... 🙄
Pantalla promocional del lanzamiento de PHP 8.5 con fondo en tonos lilas y rosados, mostrando el texto “Upgrade to PHP 8.5” como si fuera la versión más atractiva del universo del backend.
November 12, 2025 at 7:01 PM
midu.dev
"11 entrevistas técnicas"
"Tu trabajo ha sido aceptado en nuestro código"

Y pese a esto, rechazado.
Los procesos de contratación están rotísimos.

Qué ganas de hacer perder el tiempo a la gente.
Captura de un tuit en tono humorístico sobre entrevistas técnicas. El autor cita un correo presuntamente real donde, tras 11 entrevistas y un proyecto de una semana, el candidato es rechazado… aunque su código fue aceptado en producción. Ironía pura: el entrevistado no consiguió el trabajo, pero sí contribuyó al producto.
November 12, 2025 at 2:58 PM
midu.dev
Astro es lo mejor que le ha pasado al desarrollo web.
¡Y hoy te traigo un Curso 100% gratuito y en Español!

✓ Aprende Astro desde cero
✓ Conecta un Headless CMS
✓ Crea tu propio blog con React, Tailwind y TypeScript

→ midu.dev/curso/astro-...
Logo de Astro Headless CMS con fondo morado futurista y una pequeña nave espacial sonriente que parece despegar directo hacia la galaxia del contenido bien gestionado.
November 12, 2025 at 1:56 PM
midu.dev
2000 likes y saco 100% gratis un curso de Astro
Curso Astro Headless CMS
November 11, 2025 at 7:13 PM
midu.dev
¡Acaba de salir React Email 5.0!
La mejor forma de crear correos electrónicos.

✓ ¡Ahora con soporte para modo oscuro!
✓ Compatibilidad con Tailwind 4
✓ 8 nuevos componentes

Previsualización, linter y mucho más:
→ npx create-email@latest
November 11, 2025 at 3:59 PM
midu.dev
¡Este artículo es una joya para programadores web!
Guía definitiva del rendimiento de animaciones CSS.

✓ "transform" y "opacity" las mejores
✓ Evita animar "width", "height" y "filter: blur()"
✓ ...y muchas cosas más

→ motion.dev/blog/web-ani...
Diagrama que muestra la secuencia del renderizado en el navegador: empieza con “Style”, que puede ir directo a “Composite”, pasar por “Paint y Composite”, o incluir también “Layout” antes de esas fases. Una especie de mapa de tráfico donde los estilos CSS deciden cuántos peajes paga el rendimiento.
November 11, 2025 at 2:58 PM
midu.dev
Google está lanzando un curso intensivo gratuito de 5 días sobre Agentes de IA.

✓ Crea tu propio agente con Gemini
✓ Aprende Model Context Protocol (MCP)
✓ Construye sistemas multiagente y un proyecto final

Empieza hoy:
kaggle.com/learn-guide/...
Ilustración de una persona sentada con un portátil rodeada de iconos de inteligencia artificial, robots y engranajes, con el logo de Google al lado. Parece que está aprendiendo IA y disfrutando del proceso sin despeinarse.
November 11, 2025 at 1:56 PM
midu.dev
No te sientas mal si la cagaste y enviaste mal un email en producción a todos tus usuarios.

OpenAI está valorada en 500.000 millones de $ y también le pasa:
Captura de pantalla de un correo de OpenAI notificando un cambio en la suscripción de ChatGPT Business, pero con las variables sin reemplazar —como si el correo hubiera olvidado rellenar los datos reales— mostrando textos tipo {{ current_billing_period }} y {{ effective_date }}.
November 10, 2025 at 7:01 PM
midu.dev
¡Google lanzó una fuente para programadores!
Su nombre es Google Sans Code y es Open Source:
→ github.com/googlefonts/googlesans-code
Fragmento de código en Python con dos sentencias print que muestran los textos "Google Sans Code" y "By Google Fonts", seguido de un comentario que dice "Exciting! :-)".
November 10, 2025 at 4:20 PM
midu.dev
¡Recursos para programadores!

✓ APIs gratuitas, Bases de datos y Hosting
✓ Retos de lógica de programación
✓ Los mejores cursos en Español
✓ Iconos, fuentes, ilustraciones
November 10, 2025 at 2:59 PM
midu.dev
Colección de plantillas y prompts para Claude Code.
Agentes de código, bases de datos, seguridad, documentación y más: github.com/davila7/clau...
November 10, 2025 at 1:57 PM
midu.dev
Preparando la entrevista vs El trabajo
Comparación entre las expectativas y la realidad del trabajo: a la izquierda, la portada del libro “Designing Data-Intensive Applications” con un jabalí elegante; a la derecha, un jabalí real tirado en un colchón entre basura, reflejando la dura caída del ideal técnico a la rutina laboral.
November 9, 2025 at 6:59 PM
midu.dev
Cuando guardas un JSON en la base de datos SQL
Un avión que tiene dentro... un avión.
November 9, 2025 at 5:33 PM
midu.dev
Me vuela la cabeza esto. Iluminación dinámica con CSS y sólo 4 líneas de JavaScript:
codepen.io/amit_sheen/p...
November 9, 2025 at 3:59 PM
midu.dev
¡Behobia terminada en 1h 25min!
Mejor marca personal, rebajando 4 minutos.
La carrera más bonita de España.
Ya quiero volver el año que viene.
Midu sonríe con la medalla al cuello y la camiseta amarilla de la Behobia en el paseo de la Concha, con el mar y el Monte Igueldo al fondo, como si la felicidad también estuviera corriendo con él. Midu y su pareja posan abrazados, ella muestra orgullosa la medalla y él la sonrisa; detrás, la playa de la Concha.
November 9, 2025 at 2:52 PM
midu.dev
Entrevistas de trabajo
Gráfico de barras que muestra que para conseguir un trabajo hacen falta pocas habilidades para hacerlo y muchísimas para superar la entrevista, como si el talento tuviera que pasar un examen de teatro.
November 8, 2025 at 5:42 PM
midu.dev
¡Brutal biblioteca de JavaScript!

Transforma elementos en cajas que puedes arrastrar.
Intercambiando posiciones con otros elementos.

Compatible con React, Vue, Angular, Svelte...

> npm install swapy
November 8, 2025 at 2:59 PM
midu.dev
50 acrónimos y términos técnicos que cualquier programador debería conocer.
De SPA a CI/CD pasando por SOLID y TDD.
Los vas a ver en PRs, reuniones y documentación.

Guárdalo. Te vas a cruzar con todos:
50 acrónimos y términos técnicos: # 🧠 Patrones y Principios de Diseño MVC # Model-View-Controller MVVM # Model-View-ViewModel MVP # Model-View-Presenter OOP # Object-Oriented Programming SOLID # Principios de diseño orientado a objetos SRP # Single Responsibility Principle DRY # Don’t Repeat Yourself KISS # Keep It Simple, Stupid YAGNI # You Aren’t Gonna Need It WET # Write Everything Twice TDD # Test-Driven Development BDD # Behavior-Driven Development DDD # Domain-Driven Design CQRS # Command Query Responsibility Segregation ES # Event Sourcing # 🧪 Arquitectura y Metodologías CI/CD # Continuous Integration / Continuous Deployment REST # Representational State Transfer SOAP # Simple Object Access Protocol GRPC # Google Remote Procedure Call BFF # Backend for Frontend PWA # Progressive Web App SPA # Single Page Application SSR # Server-Side Rendering CSR # Client-Side Rendering JAMstack # JavaScript, APIs and Markup # 🧰 Tecnología y Desarrollo API # Application Programming Interface SDK # Software Development Kit CLI # Command-Line Interface GUI # Graphical User Interface IDE # Integrated Development Environment DBMS # Database Management System ORM # Object-Relational Mapping SQL # Structured Query Language NoSQL # Not Only SQL JSON # JavaScript Object Notation XML # eXtensible Markup Language JWT # JSON Web Token DOM # Document Object Model # 🧑‍💻 Infraestructura y DevOps DNS # Domain Name System CDN # Content Delivery Network VPN # Virtual Private Network SLA # Service-Level Agreement SLO # Service-Level Objective SRE # Site Reliability Engineering IaC # Infrastructure as Code IP # Internet Protocol # 🔒 Seguridad y Autenticación 2FA # Two-Factor Authentication SSO # Single Sign-On ACL # Access Control List RBAC # Role-Based Access Control
November 8, 2025 at 1:57 PM
midu.dev
Cuando te diga alguien que “JavaScript es fácil”, pregúntale por el valor de this y si se queda serio ofrécele un abrazo.
November 7, 2025 at 3:59 PM
midu.dev
Acaba de salir una nueva versión de la mejor biblioteca JavaScript para tus dropdowns.

✓ Selección múltiple y búsqueda
✓ Soporte oficial a React y Vue
✓ Sin dependencias. Sólo 10KB
✓ Accesibilidad WCAG 2.1

npm install slim-select
November 7, 2025 at 2:56 PM
midu.dev
Artículo para aprender Clean Architecture con ejemplos.

✓ Casos de Uso, Servicios, Repositorios...
✓ Entiende las capas de la arquitectura
✓ Sin usar clases, sólo funciones
✓ Con TypeScript

dev.to/bespoyasov/c...
Diagrama de arquitectura hexagonal (también conocida como arquitectura de puertos y adaptadores) dividido en dos mitades: "Driving Adapters" (verde) y "Driven Adapters" (rojo). En el centro está el dominio con entidades como Product 🍪, Order 📝, Cart 🛒 y User 😊. Alrededor se encuentra la capa de aplicación con casos de uso como Purchasing 💥, Payment 💸, Validation 🧾, Selection 🔍 y Updating ✍️. Luego, la capa de adaptadores incluye interfaces de usuario (UI 📺), APIs 🤖, almacenamiento local 📦 y servicios de terceros (3-Parties 🧃). A la derecha están sistemas externos como el servidor de aplicaciones 🌐, API del navegador 🌍 y sistema de pagos ATM 🏧. A la izquierda, el usuario final 💻 interactúa con la interfaz de usuario. También se indican puertos: UI Ports, API Ports, Storage Ports y 3-Party Ports.
November 7, 2025 at 1:55 PM
midu.dev
Me hace muchísima ilusión compartir esto: ¡me han invitado a la React Conf Miami y daré la primera charla en español de su historia!

Siempre he tenido un objetivo claro: ayudar a subir el nivel de la comunidad hispanohablante de programación. Gracias por ayudarme a hacerlo posible.
Miguel Ángel Durán sonríe en un retrato profesional mientras React Miami anuncia que será el primer ponente en dar una charla en español en la conferencia. Una mezcla de orgullo, emoción y código flotando en el aire tropical de Miami.
November 7, 2025 at 9:58 AM
midu.dev
En el código filtrado de Apple hay código como este.
Y tu sintiéndote mal por usar console.log:
Captura de pantalla de código TypeScript que define una función shelfItemIdentifier, la cual intenta obtener un identificador único de un ítem. Si no puede, registra un mensaje en consola y devuelve el ítem original. El código parece debatirse entre “soy robusto” y “solo espero que esto no explote en producción”.
November 6, 2025 at 3:58 PM