Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions docs/es-es/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ Elige entre GitHub Copilot CLI, la aplicación GitHub Copilot, el agente de GitH
>
> Si algo parece no funcionar correctamente durante un taller dirigido por un instructor, pide ayuda a un mentor.

[first-steps-app]: ../first-steps/copilot-app/
[first-steps-cli]: ../first-steps/copilot-cli/
[first-steps-vscode]: ../first-steps/vscode/
[first-steps-app]: first-steps/copilot-app/
[first-steps-cli]: first-steps/copilot-cli/
[first-steps-vscode]: first-steps/vscode/
[real-world-development]: ../real-world-development/
35 changes: 35 additions & 0 deletions docs/es-es/first-steps/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
---
title: "Primeros pasos"
slug: es-es/first-steps
authors:
- geektrainer
lastUpdated: 2026-09-28
---

Los talleres de primeros pasos son introducciones guiadas que te ayudan a explorar GitHub Copilot sin necesidad de una aplicación existente ni de un escenario de desarrollo detallado. Cada taller comienza con algo sencillo, presenta el producto a medida que lo utilizas y te guía por un flujo de trabajo completo.

Todos los talleres crean el mismo Space Quiz desde una carpeta vacía, así que puedes elegir la herramienta que quieras aprender o completar varios para comparar cómo funciona cada una.

> [!NOTE]
> Estos talleres fueron creados por [James Montemagno][james] y adaptados de [Primeros pasos con GitHub Copilot][source-lab], disponible bajo la [licencia MIT][source-license].

## Talleres

### [Recorrido por la aplicación GitHub Copilot][copilot-app]

Crea un Space Quiz lleno de color desde una carpeta vacía y recorre todo el ciclo de desarrollo: crear, perfeccionar, probar, recoger las instrucciones del proyecto, publicar, planificar el trabajo, implementar incidencias, revisar y combinar una solicitud de incorporación de cambios, automatizar tareas recurrentes y explorar una extensión de Canvas.

### [Primeros pasos con GitHub Copilot CLI][copilot-cli]

Aprende el ciclo de trabajo centrado en la terminal: crea y revisa las diferencias antes de que Git escriba nada, ejecuta sesiones en paralelo en árboles de trabajo, planifica antes de editar, gestiona el contexto y, después, crea, combina y delega trabajo sin salir del shell.

### [Primeros pasos con Visual Studio Code][vscode]

Utiliza el ciclo de trabajo del editor: crea en un área de trabajo, perfecciona elementos desde el explorador integrado, inspecciona el contexto, prueba antes de que Git escriba, planifica antes de editar y deja que las herramientas de GitHub gestionen incidencias, solicitudes de incorporación de cambios y sesiones en la nube sin salir de VS Code.

[james]: https://github.com/jamesmontemagno
[source-lab]: https://github.com/jamesmontemagno/first-steps-with-github-copilot
[source-license]: https://github.com/jamesmontemagno/first-steps-with-github-copilot/blob/main/LICENSE
[copilot-app]: copilot-app/
[copilot-cli]: copilot-cli/
[vscode]: vscode/
78 changes: 78 additions & 0 deletions docs/es-es/first-steps/copilot-app/0-prerequisites.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
---
title: "Lección 0 - Requisitos previos y configuración"
description: "Comprueba los requisitos previos del taller, instala la aplicación GitHub Copilot y familiarízate con su área de trabajo."
authors:
- jamesmontemagno
lastUpdated: 2026-10-05
---

Antes de crear el Space Quiz, confirma que tienes lo necesario, instala la aplicación GitHub Copilot y familiarízate con su área de trabajo.

En esta lección:

- comprobarás los requisitos previos del taller.
- instalarás la aplicación GitHub Copilot e iniciarás sesión.
- elegirás un modelo para las sesiones.
- identificarás las principales áreas de trabajo de la aplicación.
- probarás un chat rápido.

## Requisitos previos

Necesitas:

- una cuenta de GitHub. [Crea una cuenta de GitHub][github-signup] o utiliza tu cuenta existente.
- un plan activo de Copilot. [Activa Copilot Free o un plan de pago de Copilot][copilot-plans]. Si tu organización ya te proporciona acceso a Copilot, utiliza esa cuenta.
- un ordenador con macOS, Windows o Linux.

La aplicación incluye Git, así que no hay nada más que instalar.

> [!NOTE]
> Si utilizas Copilot Business o Copilot Enterprise, tu administrador debe habilitar la directiva **Copilot CLI** para que funcionen las sesiones de agente.

## Instala y configura la aplicación

1. Descarga e instala la [aplicación GitHub Copilot][download-app] para tu sistema operativo.
2. Abre la aplicación.
3. Selecciona **Sign in to GitHub** y autentícate.
4. Elige un tema y selecciona **Finish**.

## Elige un modelo

Sigue este orden de preferencia al elegir un modelo y selecciona la primera opción que tengas disponible:

1. **GPT-6-Luna** (recomendado).
2. **Auto**, como alternativa equilibrada.
3. Cualquier modelo de la [lista de modelos activos][active-models].

La disponibilidad de los modelos depende de tu plan, de la directiva de la organización y de la versión del producto.

## Familiarízate con la aplicación

La aplicación reúne el flujo de trabajo de desarrollo en un solo lugar:

- **New**: inicia una sesión en un proyecto o elige **Chat** para una pregunta rápida.
- **Pull requests**: revisa y sigue tus solicitudes de incorporación de cambios en todos los repositorios.
- **Issues**: busca incidencias que tengas asignadas, que hayas creado o que te mencionen.
- **Automations**: programa tareas recurrentes del agente en un repositorio.
- **Customize**: cambia los temas y los modelos y gestiona las extensiones de Canvas.
- **Projects**: abre tus repositorios; las sesiones de cada uno aparecen debajo.

## Prueba un chat rápido

No todas las preguntas necesitan un área de trabajo. Desde **New**, elige **Chat** en lugar de un proyecto. Un chat no tiene ningún repositorio asociado y no puede editar archivos, así que es la forma más rápida de hacer una pregunta, obtener una explicación o pensar en un enfoque antes de iniciar una sesión de trabajo.

Envía el siguiente prompt en un chat:

```plaintext
How does the GitHub Copilot app use worktrees?
```

## Resumen y pasos siguientes

Has comprobado los requisitos previos, instalado la aplicación, elegido un modelo y explorado sus principales áreas de trabajo. Continúa con la [lección 1: Crear el área de trabajo de Space Quiz][next-lesson].

[github-signup]: https://github.com/signup
[copilot-plans]: https://github.com/features/copilot/plans
[download-app]: https://gh.io/app
[active-models]: https://docs.github.com/copilot/reference/copilot-billing/models-and-pricing
[next-lesson]: ../1-create-workspace/
34 changes: 34 additions & 0 deletions docs/es-es/first-steps/copilot-app/1-create-workspace.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
---
title: "Lección 1 - Crear el área de trabajo de Space Quiz"
description: "Inicia una sesión local Interactive para Space Quiz en una carpeta vacía."
authors:
- jamesmontemagno
lastUpdated: 2026-09-28
---

Crea un área de trabajo local para Space Quiz y configura una sesión que te permita mantener el control cuando el agente empiece a trabajar.

En esta lección:

- abrirás una carpeta local vacía.
- iniciarás una sesión de agente Interactive.
- confirmarás la carpeta, el modo y el modelo antes del primer prompt.

## Crea el área de trabajo

1. Abre la aplicación GitHub Copilot y confirma que has iniciado sesión.
2. Selecciona **New**, después **Open folder**, y elige una carpeta vacía llamada `space-quiz`. Si no existe, créala primero.
3. Establece el modo de sesión en **Interactive**.
4. Elige el modelo que prefieras siguiendo el [orden de preferencia de la lección 0][model-order].
5. Selecciona **Create**. La sesión se abre vacía y espera tu primer prompt.

![Ilustración de la pantalla New de la aplicación Copilot con un cuadro de prompt, los selectores de modo Interactive, modelo Auto y agente Default, y la carpeta space-quiz en la rama main de Local.](../../../_images/first-steps-app-new-session.svg)

En la pantalla **New** estableces la carpeta, el modo y el agente antes de escribir el primer prompt. Una sesión Interactive te permite dirigir el trabajo y revisar cada etapa mientras el agente crea el proyecto.

## Resumen y pasos siguientes

Tu área de trabajo vacía de Space Quiz está lista. Continúa con la [lección 2: Crear y perfeccionar el cuestionario][next-lesson].

[model-order]: ../0-prerequisites/#elige-un-modelo
[next-lesson]: ../2-build-and-polish/
33 changes: 33 additions & 0 deletions docs/es-es/first-steps/copilot-app/10-remote.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
title: "Lección 10 - Continuar una sesión de forma remota (opcional)"
description: "Utiliza /remote para seguir una sesión de la aplicación en curso desde la web o la aplicación móvil GitHub Copilot mientras sigue ejecutándose en tu equipo."
authors:
- jamesmontemagno
lastUpdated: 2026-10-05
---

Esta lección es opcional y merece la pena dejarla para cuando te resulte natural el ciclo de trabajo local. El comando `/remote` mantiene la sesión en ejecución local y, al mismo tiempo, la hace accesible desde la web y la aplicación móvil GitHub Copilot. El equipo debe permanecer encendido mientras sigues la sesión desde otro dispositivo.

En esta lección:

- harás que una sesión en curso esté disponible de forma remota.
- seguirás la sesión desde el explorador o la aplicación móvil GitHub Copilot.
- revisarás los cambios resultantes como los de cualquier otra solicitud de incorporación de cambios.

## Continúa una sesión de forma remota

1. Abre una sesión que tenga trabajo en curso.
2. Ejecuta `/remote` para que esa sesión esté disponible de forma remota.
3. Abre en el explorador el enlace que devuelve o accede a la sesión desde la aplicación móvil GitHub Copilot.
4. Sigue su progreso desde allí y revisa los cambios exactamente como lo harías con cualquier otra solicitud de incorporación de cambios.

> [!NOTE]
> **Esto no es delegación**
>
> La sesión sigue ejecutándose en tu equipo. No estás entregando la tarea a otro agente ni trasladándola a la nube.

## Resumen y pasos siguientes

Has hecho que una sesión local esté disponible desde otro dispositivo. Continúa con la [lección 11: Explorar un Canvas][next-lesson].

[next-lesson]: ../11-canvas/
50 changes: 50 additions & 0 deletions docs/es-es/first-steps/copilot-app/11-canvas.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
---
title: "Lección 11 - Explorar un Canvas"
description: "Instala un Canvas de Repository Issues Kanban e inicia una sesión desde una tarjeta de incidencia."
authors:
- jamesmontemagno
lastUpdated: 2026-10-05
---

Un **Canvas** es un espacio compartido y bidireccional donde tú y un agente podéis actualizar el mismo plan, tablero, lista de comprobación o panel. Explora un Canvas Kanban que convierte las incidencias del repositorio en un flujo de trabajo visual.

En esta lección:

- instalarás una extensión de Canvas.
- conectarás el Canvas al repositorio de Space Quiz.
- moverás una incidencia al trabajo activo.
- inspeccionarás la sesión creada a partir de la incidencia.

## Instala el Canvas de Repository Issues Kanban

1. Explora la [galería de extensiones de Canvas][canvas-gallery].
2. Abre la [extensión Repository Issues Kanban][kanban-extension].
3. Selecciona **Install in GitHub Copilot app** y aprueba la instalación.
4. En la aplicación, abre **Customize** y después **Canvas**.
5. Confirma que la extensión está instalada.

## Empieza a trabajar desde el Canvas

1. Selecciona **New session** para el Canvas.
2. Elige el proyecto `space-quiz`.
3. Explora el tablero de incidencias.
4. Mueve una tarjeta de incidencia a la columna de trabajo activo.
5. Abre la sesión generada automáticamente.
6. Confirma que la incidencia seleccionada está disponible como contexto de la sesión.

![Ilustración del Canvas de Repository Issues Kanban con las columnas Backlog, Plan, Ready e Implement. La incidencia 13, Pantalla de revisión, se está arrastrando de Backlog a la columna Plan, mientras que la incidencia 12, Temporizador por pregunta, permanece en Backlog.](../../../_images/first-steps-app-canvas-kanban.svg)

Cuando sueltas una tarjeta en una columna, el Canvas entrega esa incidencia a una nueva sesión con la incidencia ya cargada.

> [!NOTE]
> La extensión actual de Repository Issues Kanban mueve las tarjetas mediante arrastrar y soltar con un dispositivo de puntero. Si no puedes utilizar esa interacción, anota el número de la incidencia en el tablero, abre la incidencia desde **Issues** y selecciona **New session**. Esto crea la misma sesión basada en la incidencia sin mover la tarjeta.

El Canvas ofrece una forma visual de seleccionar y comenzar el trabajo mientras mantiene al agente centrado en la incidencia.

## Resumen y pasos siguientes

Has utilizado un espacio visual compartido para iniciar una sesión de agente. Continúa con la [lección 12: Repaso y pasos siguientes][next-lesson].

[canvas-gallery]: https://awesome-copilot.github.com/extensions/
[kanban-extension]: https://awesome-copilot.github.com/extension/accessibility-kanban/
[next-lesson]: ../12-review/
51 changes: 51 additions & 0 deletions docs/es-es/first-steps/copilot-app/12-review.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
---
title: "Lección 12 - Repaso y pasos siguientes"
description: "Repasa el flujo de trabajo de la aplicación GitHub Copilot y encuentra recursos para seguir aprendiendo."
authors:
- jamesmontemagno
lastUpdated: 2026-10-05
---

Has dirigido a un agente por un flujo de trabajo de desarrollo completo, desde una carpeta vacía hasta el trabajo planificado, una implementación aislada, la revisión de código, la automatización, el acceso remoto a una sesión y un Canvas visual.

## Qué has completado

Has:

- creado un proyecto local en modo Interactive.
- creado y perfeccionado un cuestionario con información del explorador en tiempo real.
- inspeccionado los detalles de la sesión y ejecutado una prueba de humo en el explorador.
- recogido las reglas del proyecto con `/init`.
- publicado el proyecto como repositorio de GitHub.
- creado un backlog bien delimitado.
- implementado una incidencia en un árbol de trabajo aislado y revisado las diferencias.
- planificado una segunda incidencia antes de cambiar el código.
- entregado una incidencia mediante la revisión de una solicitud de incorporación de cambios y Agent Merge.
- automatizado la clasificación semanal de incidencias.
- seguido una sesión local de forma remota.
- explorado un Canvas Kanban compartido.

## Sigue explorando

- [Conoce la aplicación GitHub Copilot][about-app].
- [Consulta la guía oficial de primeros pasos][getting-started].
- [Aprende a trabajar con sesiones de agente][agent-sessions].
- [Gestiona incidencias y solicitudes de incorporación de cambios en la aplicación][issues-and-prs].
- [Conoce la revisión de código de Copilot][code-review].
- [Crea y utiliza extensiones de Canvas][canvas-extensions].
- [Sigue las prácticas recomendadas para escribir prompts eficaces con código real][best-practices].
- [Compara los planes de Copilot][copilot-plans].

Crea el mismo Space Quiz con una forma de trabajo diferente en el [taller de primeros pasos con Copilot CLI][first-steps-cli] o en el [taller de primeros pasos con Visual Studio Code][first-steps-vscode]. Si estás listo para un escenario más profundo con una aplicación completa y el backlog de un equipo, continúa con el [taller de desarrollo en escenarios reales con la aplicación GitHub Copilot][real-world-app].

[about-app]: https://docs.github.com/copilot/concepts/agents/github-copilot-app
[getting-started]: https://docs.github.com/copilot/how-tos/github-copilot-app/getting-started
[agent-sessions]: https://docs.github.com/copilot/how-tos/github-copilot-app/agent-sessions
[issues-and-prs]: https://docs.github.com/copilot/how-tos/github-copilot-app/managing-issues-and-pull-requests
[code-review]: https://docs.github.com/copilot/concepts/code-review/code-review
[canvas-extensions]: https://docs.github.com/copilot/how-tos/github-copilot-app/working-with-canvas-extensions
[best-practices]: https://docs.github.com/copilot/get-started/best-practices
[copilot-plans]: https://github.com/features/copilot/plans
[first-steps-cli]: ../../copilot-cli/
[first-steps-vscode]: ../../vscode/
[real-world-app]: ../../../real-world-development/app/
62 changes: 62 additions & 0 deletions docs/es-es/first-steps/copilot-app/2-build-and-polish.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
---
title: "Lección 2 - Crear y perfeccionar el cuestionario"
description: "Crea un Space Quiz en un solo archivo y perfecciónalo con el explorador integrado y el selector de elementos."
authors:
- jamesmontemagno
lastUpdated: 2026-09-28
---

Utiliza un único prompt detallado para crear el Space Quiz, comprueba su comportamiento en el explorador integrado y realiza un ajuste visual con el selector de elementos.

En esta lección:

- crearás un cuestionario sin dependencias en `index.html`.
- probarás el cuestionario en el explorador integrado.
- inspeccionarás el código generado.
- perfeccionarás un elemento seleccionado sin perder la accesibilidad.

## Crea el cuestionario

Envía el siguiente prompt en tu sesión `space-quiz`:

```plaintext
Create a space exploration quiz with 10 questions, a progress bar, score counter, and colorful animated feedback (green for correct, red shake for wrong). Show a results screen with emoji reaction at the end. Center in a narrow column. Single index.html, no server/dependencies. Polished, sans-serif, 14–16px body, prefers-color-scheme. Open in the integrated browser.
```

Cuando el agente termine, responde a varias preguntas y confirma que:

- la barra de progreso avanza.
- la puntuación se actualiza.
- las respuestas correctas muestran un estado verde.
- las respuestas incorrectas utilizan una animación de sacudida roja.
- la pantalla de resultados aparece después de la última pregunta.

## Inspecciona el código generado

Contrae la barra lateral izquierda y el panel del explorador de la derecha y, después, revisa `index.html` en el área de código ampliada. Observa cómo HTML, CSS y JavaScript funcionan juntos en un único archivo. Restaura ambos paneles cuando termines.

## Perfecciona con el selector de elementos

1. Selecciona el selector de elementos en la barra de herramientas del explorador.
2. Selecciona el encabezado del cuestionario o el área de respuestas.
3. Envía el siguiente prompt:

```plaintext
Make the selected element feel more like a mission-control display. Keep it accessible and preserve the existing light and dark themes.
```

4. Observa cómo se actualiza el explorador integrado y comprueba el cambio.

## Ajustes opcionales

Si quieres seguir experimentando, pide al agente que:

- añada un fondo sutil de estrellas que respete `prefers-reduced-motion`.
- haga que la pantalla de resultados sea más festiva cuando la puntuación sea de 8 o más.
- mejore los estados de foco del teclado y, después, comprueba el cuestionario sin ratón.

## Resumen y pasos siguientes

Has creado, inspeccionado y perfeccionado el Space Quiz. Continúa con la [lección 3: Inspeccionar la sesión y probar el cuestionario][next-lesson].

[next-lesson]: ../3-inspect-and-test/
Loading
Loading