Miguel Ángel Durán's banner
Miguel Ángel Durán's profile picture

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]

Shorts

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

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

35,616 görüntüleme

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. →

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. →

90,685 görüntüleme

svgl es la mejor web para conseguir logos tech en SVG Copia en un clic para React, Angular, Vue 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:

61,756 görüntüleme

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! →

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! →

151,427 görüntüleme

¡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 →

¡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 →

378,143 görüntüleme

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

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

38,144 görüntüleme

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. →

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. →

95,585 görüntüleme

¡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

¡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

50,074 görüntüleme

¡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:

¡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:

42,099 görüntüleme

¿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 →

¿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 →

58,907 görüntüleme

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

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

76,446 görüntüleme

¡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.

¡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.

100,169 görüntüleme

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: →

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: →

147,600 görüntüleme

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: →

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: →

86,760 görüntüleme

¡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: →

¡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: →

74,371 görüntüleme

¡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 →

¡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 →

85,608 görüntüleme

¡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-*

¡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-*

31,187 görüntüleme

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

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

49,766 görüntüleme

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 →

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 →

94,825 görüntüleme

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

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

52,209 görüntüleme

Videos

LIVE
1.2k

Anya Rossi

sweetdream.ai

SweetDream.aiSponsored•Livecam
Streaming Now

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

HD live stream
Exclusive private shows
1.2k viewers online

Free preview available • Premium content

Microsoft acaba de presentar el Surface Laptop Ultra. Su primer gran competidor del MacBook Pro. Un portátil Windows ultrafino con NVIDIA RTX Spark, pensado para programadores y agentes de IA locales. ✓ Hasta 128GB de memoria unificada ✓ Chip ARM de NVIDIA ✓ Lanzamiento en otoño ¿Qué te parece?
0:22
midudev's profile picture

Microsoft acaba de presentar el Surface Laptop Ultra. Su primer gran competidor del MacBook Pro. Un portátil Windows ultrafino con NVIDIA RTX Spark, pensado para programadores y agentes de IA locales. ✓ Hasta 128GB de memoria unificada ✓ Chip ARM de NVIDIA ✓ Lanzamiento en otoño ¿Qué te parece?

Miguel Ángel Durán

336,456 görüntüleme • 2 gün önce

"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".
0:34
midudev's profile picture

"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".

Miguel Ángel Durán

121,967 görüntüleme • 6 gün önce

Los japoneses con ThreeJS están creando páginas web que te vuelan la cabeza:
0:44
midudev's profile picture

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

Miguel Ángel Durán

180,020 görüntüleme • 11 gün önce

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

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

Miguel Ángel Durán

166,914 görüntüleme • 13 gün önce

Esta etiqueta HTML no la usa nadie y es buenísima. Te explico qué hace en 1 minuto:
1:05
midudev's profile picture

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

Miguel Ángel Durán

157,802 görüntüleme • 1 ay önce

¡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:
0:52
midudev's profile picture

¡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:

Miguel Ángel Durán

74,325 görüntüleme • 22 gün önce

¡Esta funcionalidad de Claude Code es una locura! Crea un equipo de agentes en un minuto:
2:32
midudev's profile picture

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

Miguel Ángel Durán

200,749 görüntüleme • 2 ay önce

¡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
0:46
midudev's profile picture

¡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

Miguel Ángel Durán

48,737 görüntüleme • 18 gün önce

¿Cómo Apple hace este efecto tan brutal en su página web? Te explico su secreto:
0:23
midudev's profile picture

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

Miguel Ángel Durán

45,768 görüntüleme • 17 gün önce

¡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: →
1:19
midudev's profile picture

¡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: →

Miguel Ángel Durán

280,368 görüntüleme • 4 ay önce

¡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:
1:58
midudev's profile picture

¡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:

Miguel Ángel Durán

140,795 görüntüleme • 2 ay önce

Así te descartan en pruebas técnicas en segundos. El 50% de los candidatos lo resuelven mal. ¿Y tú?
3:51
midudev's profile picture

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

Miguel Ángel Durán

271,237 görüntüleme • 5 ay önce

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
0:21
midudev's profile picture

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

Miguel Ángel Durán

49,964 görüntüleme • 25 gün önce

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.
0:24
midudev's profile picture

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.

Miguel Ángel Durán

172,674 görüntüleme • 3 ay önce

¡Curso oficial con certificado final de Claude Code! Sin coste. 15 lecciones y 1 hora de vídeo. De 0 hasta MCPs.
0:24
midudev's profile picture

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

Miguel Ángel Durán

123,508 görüntüleme • 2 ay önce

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
0:24
midudev's profile picture

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

Miguel Ángel Durán

30,168 görüntüleme • 18 gün önce

¡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.
1:27
midudev's profile picture

¡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.

Miguel Ángel Durán

99,311 görüntüleme • 2 ay önce

Crea vídeos con IA usando HTML, CSS y JS. Instala esta skill y alucina:
0:23
midudev's profile picture

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

Miguel Ángel Durán

40,642 görüntüleme • 1 ay önce

¿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:
1:27
midudev's profile picture

¿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:

Miguel Ángel Durán

149,177 görüntüleme • 4 ay önce

Este vídeo es el mejor ejemplo de por qué soy ingeniero.
2:23
midudev's profile picture

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

Miguel Ángel Durán

903,112 görüntüleme • 3 yıl önce