Prepara tu equipo
Docker Desktop, VS Code y Dev Containers. La guía indica dónde ir y qué revisar en cada herramienta.
Ver la preparación → Claude Code · Formación prácticaPrograma mejor.
Programa mejor.
Con Claude.
De entender un proyecto a mejorar su código. Paso a paso, con criterio y un resultado que puedes comprobar.
orbitLABORATORIO / SESIÓN 01
Los datos. Ahora, con sentido.
Operaciones de tecnología02
Importe del segmento$1,650.00
OP001Tecnología$1,200.00
OP003Tecnología$450.00
Datos ficticios · Resultado de referencia del ejercicio
web/src/filtrar.ts
1// Un cambio que puedes explicar. 2return operaciones.filter((operacion) => 3 segmento === 'all' || 4 operacion.segment === segmento 5);
Conoce las herramientas.
Entiende para qué sirven.
DockerVS CodeReactPythonGit
Entiende para qué sirven.
DockerVS CodeReactPythonGitUn método que puedes repetirLa IA escribe código.
La IA escribe código.
Tú entiendes cada decisión.
No necesitas adivinar el siguiente paso. Verás qué abrir, qué pedirle a Claude y cómo saber si el cambio funciona.
Sesión 01 / Tu primera mejoraUn filtro falla.
Un filtro falla.
Tú vas a descubrir
por qué.
Orbit es un pequeño panel en React. Al elegir Tecnología, aparecen operaciones de otros segmentos. Tu misión: entenderlo, corregirlo con Claude y comprobarlo.
- Abre el entorno preparado con Docker.
- Relaciona la pantalla, el código y los datos.
- Haz una edición acotada y revisa el resultado.
orbitPrueba el ejercicio
Operaciones6
Importe total · MXN$3,600.00
| Operación | Segmento | Importe |
|---|
Demostración local con datos ficticios. La corrección es una referencia; no ejecuta Claude ni modifica tu laboratorio.
Llega con todo listoMenos instalación.
Menos instalación.
Más tiempo para aprender.
La preparación va antes de clase. Docker reúne las herramientas del laboratorio en un entorno común.
Abre el laboratorio
Descarga la carpeta preparada. Ábrela en VS Code y selecciona “Reopen in Container”.
Descargar laboratorio →Confirma tu acceso
Necesitas acceso autorizado a Claude Code. Si algo se bloquea, tendrás un recorrido de ayuda y trabajo en pareja.
Ver el inicio de Claude →Todo en el mismo lugarPara aprender.
Para aprender.
Y para enseñar bien.
Instrucciones para el alumno, acompañamiento para el docente y un proyecto que puedes llevarte.
sesion-01 / recorrido
// Entender antes de editar leer("el proyecto"); planear("un cambio"); comprobar("el resultado");
Guía interactiva / Alumno
Tu recorrido, paso a paso.
17 pasos con rutas de archivos, comandos, prompts y resultados esperados.
Entrar a la guía ↗IMAGINATECTu primera
mejora
con Claude.
mejora
con Claude.
GUION DEL MENTOR / SESIÓN 01
Guion / Solo docente
Qué decir. Qué mostrar.
Notas de mentor, ritmo de clase, preguntas al grupo y rutas para recuperar la práctica.
Abrir espacio docente ↗orbit / lab
Proyecto / Docker
Listo para abrir y explorar.
React, TypeScript, datos de ejemplo y comandos preparados en una sola carpeta.
Descargar proyecto ↓Antes de empezarCon claridad,
Con claridad,
desde el inicio.
¿Tengo que saber usar Docker?
La primera sesión explica qué hace y cómo abrir el entorno preparado. Instala Docker Desktop, VS Code y Dev Containers antes de clase. Si tu equipo es corporativo, revisa los permisos con TI con anticipación.
¿Esto sirve para web y para datos?
Sí. El caso une un panel en React y TypeScript con un archivo JSON. Todos siguen el mismo recorrido; la conexión opcional con Python permite mirar la misma fuente desde datos.
¿Mi acceso al curso incluye Claude?
No. La cuenta de esta web permite consultar el aula. Para usar Claude Code en el laboratorio necesitas una cuenta autorizada de Anthropic y disponibilidad de uso. El docente revisará ese acceso antes del taller.
¿Ya están disponibles todas las sesiones?
Aquí está desarrollada la primera sesión de dos horas, con su preparación previa, laboratorio y guion docente. El resto del programa se preparará después.
¿Qué pasa si me quedo atrás?
Cada paso indica qué hacer y cómo comprobarlo. Hay ayuda para errores frecuentes, una vista de observación sin instalación y trabajo en pareja si el entorno aún no está listo.
¿Cómo consigo mi acceso de alumno?
Tu docente crea la cuenta y te entrega las credenciales de forma privada. Una vez dentro, puedes cambiar tu contraseña desde el aula.