Despliega y celebra
Pon tu juego en internet y termina el curso
⏱ Estim. ~8 min
01 · Leer
Esta es la última lección de todo el curso.
Estás a punto de desplegar un juego multijugador en tiempo real en internet. Cualquiera con la URL puede jugarlo. Dos desconocidos en continentes distintos pueden abrir tu enlace y jugar tic-tac-toe en vivo.
Lo construiste tú. De no saber qué era una terminal a desplegar un juego multijugador sobre WebSocket. Ese sí fue un viaje real.
Puntos clave
- Render hospeda apps de Node.js con soporte para WebSocket
- El despliegue usa el flujo de git push que aprendiste en el Nivel 4
- Tu juego va a quedar accesible para cualquiera en internet
- Esta es la última lección — aprendiste todo el curso
02 · Paso a paso
Despliega tu juego de tic-tac-toe en Render como un Web Service. Sigue cada paso con cuidado.
1. Inicia sesión en Render
Ve a render.com e inicia sesión con tu cuenta de GitHub. Si no tienes cuenta de Render, créala — el plan gratuito es suficiente.
2. Crea un nuevo Web Service
Haz clic en 'New' → 'Web Service'. Conecta tu repositorio de GitHub — el que hiciste push en la lección anterior. Render detecta automáticamente que es una app de Node.js.
3. Configura el servicio
Configura el build command como 'npm install' y el start command como 'node server.js'. El plan gratuito alcanza. Cualquier región sirve — elige la más cercana para mejor latencia.
4. Despliega
Haz clic en 'Create Web Service'. Render clona tu repo, corre npm install y levanta tu servidor. Mira los logs del despliegue — deberías ver 'Server listening on port...' cuando esté listo.
5. Obtén tu URL
Después del despliegue, Render te da una URL como your-app-name.onrender.com. Ábrela en el navegador — deberías ver el juego. Abre una segunda pestaña (o pásale el enlace a un amigo) para jugar una partida real por internet.
03 · Práctica real
Verifica que tu juego desplegado funciona de punta a punta.
04 · Leer
Algo que conviene saber del plan gratuito: el plan gratuito de Render duerme tu servicio después de 15 minutos sin actividad. La primera persona que entre después de eso espera unos 30 segundos a que se reactive. Después corre normal.
Para un portafolio, está bien. Si quieres que esté siempre activo, los planes pagos de Render arrancan en unos pocos dólares al mes. Pero para mostrar lo que construiste, el plan gratuito funciona muy bien.
Puntos clave
- El plan gratuito duerme después de 15 minutos sin actividad
- La primera petición después de dormir tarda unos 30 segundos (cold start)
- Después de reactivarse, va a velocidad normal
- El plan pago quita el sleep si necesitas que esté siempre activo
05 · Lista de verificación
Verificación final. Marca cada ítem para confirmar que tu proyecto está terminado.
- El juego está desplegado y accesible vía una URL pública
- Dos jugadores se pueden emparejar y jugar en vivo
- El manejo de desconexión funciona correctamente
- El README en GitHub explica qué es el proyecto y cómo correrlo
- El historial de git tiene commits limpios y con sentido
- No quedaron console.log de depuración sueltos en el código
06 · Leer
Lo lograste.
Piensa de dónde empezaste. No sabías qué era una ruta de archivo. Nunca habías abierto una terminal. Git era un misterio. API era una palabra de moda.
Ahora navegaste el sistema de archivos, manejaste archivos desde la línea de comandos, rastreaste código con git, hiciste push a GitHub, construiste un servidor en Node.js, llamaste APIs reales, usaste Claude Code como tu compañero de pair programming y desplegaste un juego multijugador en tiempo real en internet.
Ya no «estás aprendiendo a programar». Eres alguien que construye cosas. La terminal es tu herramienta. Claude Code es tu compañero. Internet es tu plataforma.
Todo ingeniero profesional empezó donde tú estás ahora — con un proyecto terminado y la confianza para construir el siguiente. Esa confianza es la verdadera graduación.
Ahora ve a construir cosas.
Puntos clave
- Pasaste de cero conocimiento de terminal a desplegar un juego multijugador
- Las habilidades que aprendiste — terminal, git, Node.js, APIs, Claude Code — son las mismas herramientas que los profesionales usan todos los días
- Un proyecto terminado, más la confianza para construir el siguiente — eso es lo que importa
- Esto no es la meta — es la línea de salida
07 · Quiz
Terminaste el curso. ¿Cuál es la habilidad más importante que desarrollaste?
- Memorizar comandos de terminal
- La capacidad de descomponer problemas, usar herramientas bien y construir cosas reales — incluso cuando todavía no sabes todo
- Memorizar todas las funciones de JavaScript
- Tipear comandos muy rápido
Otras lecciones de este capítulo
⚠ La experiencia interactiva completa necesita JavaScript. Actívalo y vuelve a cargar la página.
※ Este es un proyecto educativo independiente — no es un producto oficial de Anthropic. Claude™ es una marca registrada de Anthropic, PBC.