Herramientas del desarrollador

Maneja Claude Code y Cursor con control: pide, revisa, corrige al agente y lleva tu proyecto a GitHub. 6 unidades, 18 lecciones interactivas y retos prácticos. Con LINDO para resolver tus dudas.

Incluida en Pro · 18 lecciones · 77 retos.

Para quién es

Empezaste con constructores como Lovable o Bolt y quieres pasar a un editor con IA.
Te da miedo la terminal y Git y quieres perderlo.
Quieres trabajar con agentes de código (Cursor, Claude Code) con orden y sin romper nada.

Qué vas a construir: Un repositorio como el de un profesional

Un repositorio en GitHub que cualquier persona (o agente) puede clonar, entender y ejecutar: con README, reglas para tu agente, scripts, variables documentadas y un pull request real. Vale cualquier proyecto tuyo: la página de tu negocio o tu app.

Deja listo tu entorno
Crea el repositorio y trabaja con ramas
Automatiza con scripts
Reglas para tu agente y variables de entorno
Una función completa, de la rama a main

Unas 7 horas con Claude Code o Cursor, terminal, Git y GitHub.

La forja del código

El editor (IDE): Entiende qué te da un editor de código y con qué herramienta vas a construir.
Pide con contexto y revisa el cambio: Escribe un pedido completo, dale al agente el contexto exacto y revisa lo que cambió antes de aceptarlo.
Editores agénticos: cómo elegir: Entiende qué hace un agente de código, cuánta libertad darle y cómo elegir herramienta sin perder un mes comparando.
Las reglas del proyecto para tu agente: Crea el archivo de reglas que tu agente lee en cada sesión, en Claude Code y en Cursor, y comprueba que lo usa.
Extensiones esenciales: Elige pocas extensiones para tu editor y reconoce las que no conviene instalar.

Git y control de versiones

Ramas y conflictos: Prueba cambios en una rama sin arriesgar lo que funciona y resuelve un conflicto con ayuda de tu agente.
De tu carpeta a GitHub y al pull request: Sube tu proyecto a GitHub, abre un pull request y revísalo antes de fusionarlo.

La terminal

Comandos esenciales: Lee los comandos que tu agente ejecuta y decide con criterio cuándo aprobarlos.
npm y gestión de paquetes: Entiende de dónde salen las piezas de tu app y qué preguntar cuando tu agente quiere instalar un paquete.
Scripts y automatización: Usa los comandos con nombre de tu proyecto y dale al agente un comando único para revisar su trabajo.

Encontrar y arreglar errores

Chrome DevTools: Encuentra en el navegador por qué tu app se ve mal o no muestra datos, y dale esa evidencia a tu agente.
console.log y más allá: Opcional si no editas código a mano: tres formas de ver qué hace tu programa por dentro.
Errores comunes y cómo leerlos: Lee un mensaje de error, ubica el archivo y la línea, y pídele a tu agente la causa antes del arreglo.

Tu flujo de trabajo

Atajos de teclado que importan: Aprende los pocos atajos que usarás a diario, incluidos los de tu agente.
Configuración del entorno: Guarda las claves de tu app fuera del código y evita que tu agente las lea o las suba.
El flujo de trabajo completo: Encadena todo en un ciclo: rama, pedido, revisión, pull request y publicación.

Controlar al agente

Agentes de código fuera del editor: Cambia de modo, corrige un plan antes de aprobarlo y vuelve atrás cuando el agente se equivoca, en Claude Code y en Cursor.
Dev Containers y Codespaces: Opcional: entiende qué es un entorno reproducible y cuándo valdrá la pena agregarlo.

Lección de muestra: Tu mesa de trabajo: El editor de código

Una app es un conjunto de archivos de texto: decenas o cientos. Podrías abrirlos con el Bloc de Notas, pero sería como armar un mueble sin instrucciones ni herramientas. Un editor de código (también lo verás como IDE, "entorno de desarrollo") es el programa donde abres la carpeta completa de tu proyecto y trabajas sobre ella.

LO QUE TE DA UN EDITOR → Colores: pinta cada parte del código de un color distinto, y así un error de escritura salta a la vista. → Autocompletado: te sugiere lo que sigue mientras escribes. → Avisos de errores: subraya los problemas antes de que ejecutes nada, como el corrector de un procesador de textos. → Terminal integrada: una ventana para escribir comandos (instalar, ejecutar, guardar versiones) sin salir del editor. → Extensiones: complementos que añaden funciones, como las apps de un teléfono. Y como en el teléfono, demasiadas lo vuelven lento.

EL EDITOR DE REFERENCIA: VS CODE Visual Studio Code, de Microsoft, es gratuito y uno de los editores más usados. Su base es de código abierto: cualquiera puede tomarla y construir otro editor encima. Por eso varios editores con IA, como Cursor, Devin Desktop (antes llamado Windsurf) o Kiro, se ven y se manejan casi igual: parten de VS Code y le integran un agente de IA.

QUÉ HACER CON ESTO Lo que aprendas en uno te sirve en los demás: abrir una carpeta, moverte entre archivos, usar la terminal. Si hoy solo te quedas con un atajo, que sea Cmd+P (Ctrl+P en Windows): escribes parte del nombre de un archivo y lo abre.

Ana abre los archivos de su página con el Bloc de notas y tarda una hora en encontrar una palabra mal escrita. ¿Qué gana si los abre en un editor de código?

Que el editor corrige solo los errores sin que nadie revise
Que los archivos pesan menos y la página carga más rápido
Colores y avisos que marcan el error antes de ejecutar

Preguntas frecuentes

¿Qué herramientas se usan?

Un editor con IA (Cursor o VS Code), la terminal, Git y GitHub. Aprendes también a escribir reglas para que los agentes de código trabajen como quieres.

¿Cuánto cuesta el curso de Cursor, Git y terminal?

Está incluido en el plan Pro, que abre las 14 rutas: US$14.99 al mes, US$59 al año o US$99 en un solo pago (Lifetime).

¿Cuánto tiempo lleva?

Son 18 lecciones cortas con 77 retos, más el proyecto final, que lleva alrededor de 7 horas de trabajo. Avanzas a tu ritmo.

¿Necesito conocimientos previos?

Te recomendamos haber hecho antes Vibe Coding: fundamentos. Es una recomendación, no un bloqueo: puedes empezar igual.

¿Hay certificado?

Sí. Con todas las lecciones completas y el proyecto final aprobado obtienes un certificado verificable con enlace público.