PROGRAMACIÓN Y DATOS / BIENESTAR GSReact, Python, SQL y Spark/PySpark.
Dirige a Claude. Prueba, mide y automatiza con evidencia.
web/src/filter.tslecturaexport function filterOperations( operations: Operation[], segment: string ) { return operations.filter(operation => segment === 'all' || Boolean(operation.segment) ); }
Elige “Corrección de referencia” para comparar el resultado.
MXN 3,600.00
OP001TecnologíaOP002HogarOP003TecnologíaOP004Deporte
VS Code
Docker
ReactTypeScript
Playwright
Python
Apache SparkPySpark
GitEl código, el plan y la evidencia en el mismo recorrido.
Tú decides cuándo dar el siguiente paso.
web/src/filter.ts01export function filterOperations(operations, segment) {02return operations.filter(operation =>03segment === 'all' || Boolean(operation.segment)04);05}
Read · filter.ts + operations.jsonLa condición inicial conserva también otros segmentos.
Un recorrido que conecta lo que ves en pantalla con lo que ocurre en los archivos.
Explora las reglas, una skill de revisión y sus referencias. Conoce cómo un subagente puede revisar el mismo problema con un alcance acotado.
Explorar la arquitecturaLa tarea empieza con instrucciones claras y datos que puedes revisar.
Read before editing.
Preserve the fixture data.
Verify the result.Una skill combina un procedimiento con referencias y herramientas de lectura.
review-filterSKILL.md
references/acceptance.md
Read · Grep · GlobEl diff y las pruebas muestran qué cambió y si los cuatro casos coinciden.
✓ all ✓ tech
✓ home ✓ sports
4 passed · 0 failedSi todavía no tienes una cuenta de Claude, el simulador te permite practicar la conversación, los comandos y la revisión del cambio.
Abrir el simuladorIncluido con tu acceso al aula. Respuestas preparadas, sin modelo ni consumo de tokens.
SIMULADOR DEL TALLER$ claude ❯ /review-filter Read web/src/filter.ts Read fixtures/operations.json ❯ /plan Entender → acordar → autorizar → comprobarEscribe tu primer comando →
Elige un módulo para consultar su temario, práctica y herramientas.
Clase: miércoles 28 de octubre de 2026
Prepara el entorno, entiende un defecto del panel y dirige una corrección pequeña que puedas explicar.
Claude CodeDockerVS CodeReactTypeScriptPythonGitDocker, VS Code y terminal: qué hace cada herramienta.
Recorrido entre React, los datos y la función de filtrado.
CLAUDE.md, alcance, lectura y planificación antes de editar.
Permisos, diff, comparación del resultado y evidencia.
Los ejemplos y la profundidad se ajustan al stack y al nivel del grupo. Cada participante trabaja en su ruta y conoce la otra mediante demostraciones.
React y TypeScript: comportamiento de la interfaz, integración de API, pruebas con Playwright y medición de renders.
ReactTypeScriptPlaywrightPython, SQL y Spark/PySpark: transformaciones, joins, calidad de datos, planes de ejecución y mediciones comparables.
PythonApache SparkPySparkSQLLas herramientas aparecen a lo largo del programa. Spark y PySpark se trabajan en la ruta de datos; Playwright, en la ruta web.
Contexto, planes, herramientas y automatización con revisión.
A lo largo del cursoArchivos, terminal y entorno de trabajo.
A lo largo del cursoUn entorno preparado y reproducible para el laboratorio.
A lo largo del cursoDiffs, historial y revisión de cambios.
A lo largo del cursoPara comenzar: Docker Desktop, VS Code y Dev Containers con el laboratorio de la sesión 1. La preparación de Spark/PySpark y de los navegadores de prueba se indicará antes de sus módulos; no necesitas instalarlos todos para la primera sesión.
Una guía clara, un laboratorio compartido y espacio para preguntar.
Nos vemos en el aula Contenido de Mario Josue Tavarez Mendoza · Curso independiente de Anthropic.