Miguel Ángel Durán

@midudev • 326,921 subscribers

🧠 Enseño Programación e Inteligencia Artificial 👨‍💻 Software Engineer y Speaker ⭐ +18 años de experiencia · +3M comunidad ✉️ Contacto: [email protected]

Live Cam

Miguel Ángel Durán

Shorts

¡Blendy es una brutal biblioteca de JavaScript! Crea animaciones fluidas entre elementos. Y es compatible con React, Angular, Vue, Svelte... $ pnpm install blendy

La mejor herramienta para crear diagramas de software. ¡Encima gratuita y compatible con GitHub! Perfecta para UML, flujos y procesos. Exporta como imagen, PDF, HTML y más. →

svgl es la mejor web para conseguir logos tech en SVG Copia en un clic para React, Angular, Vue y más:

Este recurso es BRUTAL para Programadores y DevOps. Herramienta que descubre toda la info de un dominio. ¡DNS, WHOIS, IPs, Subdominios, certificados y más! →

¡Google ha lanzado una alternativa a Duolingo! Se llama Little Language Lessons y es 100% gratis. ✓ Inglés, Alemán, Chino... más de 40 idiomas ✓ Genera conversaciones y vocabulario ✓ Te ayuda a mejorar tu pronunciación →

¡Brutal biblioteca de gráficas para tu web! Personalizables, vistosas y fáciles de usar ✓ Componentes de copiar y pegar ✓ React + Tailwind →

Crea vídeos con HTML, CSS y JS. ¿Cómo? Instalando una sola Agent Skill. Se llama HyperFrames, es de código abierto y funciona con cualquier IA. El resultado es tremendo. →

¡Acaba de salir React Doctor v2! Detecta y arregla errores en tu app de React. ✓ useState y useEffect innecesarios ✓ Errores de accesibilidad y rendimiento ✓ Prop drilling evitables con Context De código abierto: $ npx react-doctor@latest

¡Visual Studio Code evoluciona! Lanza Agents Window para administrar agentes de IA en dentro del editor. ✓ Controla Copilot, Claude Code y más ✓ Usa proyectos de GitHub o locales ✓ Revisa cambios sin salir de VS Code Aquí te lo enseño para que lo veas:

¿Quieres que tu IA suba el nivel de sus diseños? Necesitas conocer este recurso de archivos DESIGN.md ✓ +2000 disponibles ✓ De productos y empresas top ✓ Colores, tipografías, espaciados y layouts →

Me vuela la cabeza esto. Iluminación dinámica con CSS y sólo 4 líneas de JavaScript:

¡Proyectazo! Si cargas contenido dinámico en tu web o app de React, lo necesitas. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con &lt;Skeleton&gt; y listo.

Un comando para saber qué modelo de IA puedes ejecutar en tu hardware de forma local. Detecta RAM, CPU y GPU, puntúa cada modelo según compatibilidad, y te dice cómo funcionará en tu máquina. Para Windows, macOS y Linux: →

Herramienta que extrae toda la información de una web ✓ Detecta problemas de seguridad ✓ Métricas de optimización y calidad ✓ DNS, Text Records, SSL, IP info y headers El recurso es gratuito y muy útil: →

¡Brutal manera de pasar a modo oscuro tu web! Con una animación nativa y personalizable. Sólo 2 líneas de JavaScript y un poco de CSS: →

¡Página que te explica cualquier código paso a paso! Con una guía visual de la ejecución. Para Python, JavaScript, C, C++ y Java →

¡Nueva versión de Tailwind 4.3! Y ojo que... Por fin podemos personalizar las barras de scroll con clases: scrollbar-thumb-* y scrollbar-track-*

Las mejores páginas para mejor tu inglés sin coste:

Anthropic ha lanzado una colección de cursos GRATIS para aprender y dominar IA (con certificado). ✓ Claude Code en tu workflow ✓ Uso real de la Claude API ✓ Introducción a MCP ✓ Bases para trabajar con IA →

OpenCode es la alternativa gratuita a Claude Code ✓ 100% código abierto ✓ Modelos gratuitos disponibles ✓ Usa tu suscripción de GitHub Copilot u OpenAI

Videos

Watch Anya Live

"Creemos que con la IA podemos reemplazar a todos los desarrolladores junior de nuestra empresa" Matt Garman, CEO de AWS: "Es la mayor estupidez que he escuchado en mi vida".

Los japoneses con ThreeJS están creando páginas web que te vuelan la cabeza:

¡Si eres programador, necesitas esta aplicación! Abre un emulador de iOS o Android en segundos. Gratuita, nativa y de código abierto: →

Esta etiqueta HTML no la usa nadie y es buenísima. Te explico qué hace en 1 minuto:

¡Nuevo cliente para bases de datos modernas! Con IA y MCP integrados, extensible con plugins. ✓ Soporta PostgreSQL, MariaDB, MySQL y SQLite ✓ Para macOS, Windows y Linux ✓ Traducido al español De código abierto y gratuito:

¡Esta funcionalidad de Claude Code es una locura! Crea un equipo de agentes en un minuto:

¡Esta biblioteca para subir archivos es brutal! Creada por un desarrollador de OpenAI, se llama Files SDK y con una sola API puedes trabajar con: ✓ AWS S3, Cloudflare R2, Google Drive y más. ✓ Para Node, Bun, Deno y navegador $ pnpm i files-sdk

¿Cómo Apple hace este efecto tan brutal en su página web? Te explico su secreto:

¡Acaba de salir el Figma de Claude Code! Se llama Pencil: ✓ Diseña, versiona y genera código ✓ Con servidores MCP integrados ✓ Funciona con VSCode, Cursor ✓ Para macOS y Linux Lo mejor, sin coste ni suscripción: →

¡Microsoft acaba de lanzar algo espectacular! Se llama VibeVoice y es un modelo Open Source que genera voz en tiempo real con latencia bajísima. En nueve idiomas distintos, incluido español. Permite conversaciones largas con múltiples voces:

Así te descartan en pruebas técnicas en segundos. El 50% de los candidatos lo resuelven mal. ¿Y tú?

Anime.js acaba de cumplir 10 años... Y saca nueva versión 4.4 para celebrarlo: ✓ Nuevo efecto scrambleText ✓ Auto-grid para animaciones escalonadas ✓ Una documentación que da gusto abrir De las mejores bibliotecas de animaciones que hay. $ npm i animejs

Anthropic ha acusado a DeepSeek y otras compañías chinas de espionaje de IA. Lo curioso: Si le preguntas a Claude Sonnet 4.6 "¿qué modelo eres?" en chino, responde: "Soy DeepSeek". La ironía.

¡Curso oficial con certificado final de Claude Code! Sin coste. 15 lecciones y 1 hora de vídeo. De 0 hasta MCPs.

Crea animaciones de texto con esta skill de IA. Sube el nivel del diseño de tu web o app en segundos. ✓ Compatible con Remotion, Motion, GSAP... ✓ Timings, curvas y efectos Instalación: npx skills add pixel-point/animate-text --skill animate-text

¡Brutal lo nuevo de Google! Si el diseño se te atraganta al crear una web o app, Stitch te va a salvar. 🎨 Genera UI con IA ⚡ Prototipos interactivos rápidos 📐 Sistema de diseño portable a Figma 🎤 Uso por voz para hacer cambios al vuelo ¿Lo mejor? Lo puedes probar sin coste.

Crea vídeos con IA usando HTML, CSS y JS. Instala esta skill y alucina:

¿Te cuesta crear diseños para tus webs o apps? Google ha lanzado Stitch, que genera la UI con IA. No tiene coste y el resultado es espectacular:

Este vídeo es el mejor ejemplo de por qué soy ingeniero.

¡Proyectazo! Si cargas contenido dinámico en tu web o app de React, lo necesitas. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con <Skeleton> y listo.