Reto de Level 8
Construye y publica un proyecto completo con Claude Code
⏱ Estim. ~7 min
01 · Leer
Esto va en serio. Vas a usar Claude Code para construir desde cero una app completa de gestión de marcadores y subirla a GitHub cuando esté lista.
Sin acompañamiento paso a paso. Sin simulación. Tienes todas las habilidades: - Terminal (Level 2): navegar y ejecutar comandos - Sistema de archivos (Level 3): crear y organizar archivos - Git (Level 4): control de versiones y GitHub - Bases de la web (Level 5): HTML, CSS, JavaScript - Node.js (Level 7): construir proyectos reales - Claude Code (Level 8): desarrollo potenciado con IA
Cada casilla de abajo es una función que vas a agregar. Constrúyelas una por una con Claude Code. Revisa cada cambio con git diff. Usa ramas feature. Es el flujo profesional.
Tómate tu tiempo. Sin prisa. La meta no es ir rápido: es construir algo real y funcional.
02 · Lista de verificación
Usa Claude Code para construir el gestor de marcadores desde cero. Completa cada función en orden. Usa el flujo iterativo que aprendiste: dale un prompt a Claude, revisa los cambios, haz commit, pasa al siguiente.
- Crea una carpeta nueva para el proyecto e inicialízala con npm
- Construye con Claude: una página HTML con un formulario (URL + título + categoría)
- Agrega con Claude: persistencia con localStorage
- Agrega con Claude: mostrar marcadores agrupados por categoría
- Agrega con Claude: función de búsqueda/filtrado
- Agrega con Claude: funciones de eliminar y editar
- Revisa cada cambio con git diff
- Usa una rama de git por cada función
- Sube el proyecto terminado a GitHub
03 · Quiz
En un flujo profesional con Claude Code, ¿qué viene después de construir una función?
- Desplegar de inmediato
- Revisar los cambios con git diff
- Eliminar la rama
- Empezar una función nueva
04 · Completar
Después de que Claude Code modifique tus archivos, siempre revisa antes de hacer commit con git _____.
05 · Leer
Felicidades. Acabas de construir y publicar una app real con Claude Code.
Deja que esto te entre. Cuando empezaste este curso no sabías qué era la terminal. Ahora ya: - Navegas el sistema de archivos desde la línea de comandos - Creas y gestionas archivos y carpetas - Usas git para control de versiones - Entiendes cómo funcionan los sitios web y los servidores - Construyes proyectos en Node.js desde cero - Construyes apps completas con un compañero de pair programming con IA - Subes tu trabajo a GitHub para que el mundo lo vea
Ya no solo sigues tutoriales. Estás construyendo cosas. Esa es la diferencia entre aprender a programar y programar de verdad.
El gestor de marcadores en tu perfil de GitHub es la prueba. Lo construiste tú. Con herramientas reales. Siguiendo un flujo profesional.
Y esto apenas empieza.
Puntos clave
- Construiste una app real y funcional desde cero
- Usaste Claude Code como una herramienta profesional de desarrollo
- Seguiste el flujo branch-build-review-commit
- Tu proyecto está en GitHub: portafolio real
- Próxima parada: Level 9, enseñarle tu flujo a Claude con skills personalizadas
06 · Quiz
Claude Code agregó una función pero también modificó archivos que no le pediste. ¿Qué deberías hacer?
- Aceptarlo todo: Claude probablemente sabe mejor
- Borrar todo el proyecto y empezar de nuevo
- Usar git checkout para deshacer los archivos no deseados, dejar el resto
- Ignorarlo y hacer push a GitHub de todas formas
07 · Completar
Antes de construir una función nueva, crea una rama nueva con: git checkout -b _____
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.