Cursos de Midudev por tecnología

Cursos de Miguel Ángel Durán, Midudev, publicados gratis en YouTube.

Miguel Ángel Durán, conocido como Midudev, es programador y una de las voces más seguidas de la comunidad hispanohablante de desarrollo. Emite en directo casi a diario en Twitch y YouTube, y de esos directos salen buena parte de los cursos que publica gratis en su canal.

Además de los cursos de esta tabla mantiene el bootcamp JS Camp, el curso interactivo Aprende SQL y varios repositorios abiertos. Su comunidad se reúne en Discord, donde se resuelven dudas y se comparten ofertas de trabajo.

Fundamentos

Tema	Formato	Enlace
HTML	Video	midu.link/html
CSS	Playlist	midu.link/css
JavaScript	Sitio web propio	aprendejavascript.dev
TypeScript	Playlist	midu.link/ts
Git	Video	midu.link/git

Frameworks y librerías

Tema	Formato	Enlace
React	Playlist	midu.link/react
Next.js con App Router	Playlist	ver playlist
Next.js con Pages Router	Video dentro de playlist	midu.link/nextjs
Astro	Playlist	midu.link/astro
Svelte	Video dentro de playlist	midu.link/svelte
Angular	Video	midu.link/angular
Tailwind CSS	Video	midu.link/tailwind

Backend, datos e infraestructura

Tema	Formato	Enlace
Node.js	Playlist	midu.link/node
SQL	Curso interactivo	aprendesql.dev
PHP	Video dentro de playlist	midu.link/php
Docker	Video	midu.link/docker
AWS	Video	midu.link/aws
Cloudflare	Video	midu.link/cloudflare

Inteligencia artificial

Tema	Formato	Enlace
MCP (Model Context Protocol)	Video	midu.link/mcp
Términos de IA	Video	midu.link/ai

Cómo elegir

La diferencia entre video y playlist cambia por completo la planificación:

• Un video suele ser una sesión de una a cuatro horas. Varios son directos re-subidos tal cual a YouTube, así que conservan pausas y preguntas del chat; el reproductor a velocidad aumentada ayuda en esos casos.
• Una playlist agrupa decenas de clases y equivale a un curso completo de varias semanas.

Los dos cursos de Next.js

Next.js aparece dos veces en la tabla y no es un error: son dos cursos para dos arquitecturas distintas, no uno actualizado y otro viejo.

Curso	Arquitectura	Cuándo mirarlo
App Router	app/	Proyectos nuevos: Server Components por defecto, layout.tsx, Server Actions y streaming
Pages Router	pages/	Bases de código existentes: getServerSideProps, getStaticProps, _app.tsx

Los dos enrutadores no son sintaxis distinta para lo mismo: cambian dónde se ejecuta el código. En App Router un componente es de servidor salvo que lleve "use client"; en Pages Router todo es de cliente y los datos se obtienen en funciones aparte.

Confundirlos produce el error más común al empezar: usar useState en un componente de servidor, o buscar getServerSideProps en un proyecto con app/. Si el repositorio tiene carpeta app/, el primero; si tiene pages/, el segundo.