|
| 1 | +# Taller de Programación Vibe con GitHub Copilot |
| 2 | + |
| 3 | + |
| 4 | + |
| 5 | +¡Vamos a programar con vibe usando [GitHub Copilot](https://docs.github.com/copilot/about-github-copilot/what-is-github-copilot) y sus características más nuevas y mejores en varios lenguajes de programación como Python, JavaScript, Java y .NET, así como hacer que las aplicaciones sean nativas de la nube mediante contenedorización! ¿Estás listo para sumergirte? |
| 6 | + |
| 7 | +## Contexto |
| 8 | + |
| 9 | +Contoso es una empresa que vende productos para varias actividades al aire libre. El departamento de marketing de Contoso quiere lanzar un sitio web de redes sociales micro para promocionar sus productos a clientes existentes y potenciales. Como su primer MVP, quieren construir rápidamente el sitio web. El departamento de TI de Contoso actualmente tiene dos desarrolladores que usan Python y JavaScript respectivamente. La fecha de lanzamiento se acerca rápidamente, así que ambos desarrolladores deben entregar la aplicación rápidamente. |
| 10 | + |
| 11 | +Pero aquí está la situación... |
| 12 | + |
| 13 | +## Objetivos del Taller |
| 14 | + |
| 15 | +- Construir aplicaciones usando el Modo Agente de GitHub Copilot. |
| 16 | +- Agregar instrucciones personalizadas a GitHub Copilot para tener más control sobre GitHub Copilot. |
| 17 | +- Agregar varios servidores MCP a GitHub Copilot para construir las aplicaciones de manera más precisa. |
| 18 | + |
| 19 | +## Taller en Tu Idioma |
| 20 | + |
| 21 | +Este material del taller está actualmente disponible en los siguientes idiomas: |
| 22 | + |
| 23 | +[English](../../README.md) | [Español](./README.md) | [Português](../pt-br/) | [Français](../fr-fr/) | [中文(简体)](../zh-cn/) | [日本語](../ja-jp/) | [한국어](../ko-kr/) |
| 24 | + |
| 25 | +## Prerrequisitos |
| 26 | + |
| 27 | +Durante este taller, se recomienda altamente [GitHub Codespaces](https://docs.github.com/en/codespaces/about-codespaces/what-are-codespaces) porque no hay necesidad de preparación, excepto un navegador web. Sin embargo, si realmente necesitas usar tu máquina, asegúrate de haber instalado todo lo identificado a continuación. |
| 28 | + |
| 29 | +### Común |
| 30 | + |
| 31 | +- [Visual Studio Code](https://code.visualstudio.com/) |
| 32 | +- Extensión VS Code [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) |
| 33 | +- Extensión VS Code [GitHub Copilot Chat](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat) |
| 34 | +- 💥 Para usuarios de Windows 👉 [PowerShell 7](https://learn.microsoft.com/powershell/scripting/install/installing-powershell) |
| 35 | +- [git CLI](https://git-scm.com/downloads) |
| 36 | +- [GitHub CLI](https://cli.github.com/) |
| 37 | +- [Docker Desktop](https://docs.docker.com/get-started/introduction/get-docker-desktop/) |
| 38 | + |
| 39 | +### Python |
| 40 | + |
| 41 | +- [pyenv](https://github.com/pyenv/pyenv) o [pyenv para Windows](https://github.com/pyenv-win/pyenv-win) |
| 42 | +- Python 3.12+ a través de pyenv |
| 43 | +- Gestor de paquetes `uv` (recomendado) o `pip` |
| 44 | +- Extensión VS Code [Python](https://marketplace.visualstudio.com/items/?itemName=ms-python.python) |
| 45 | +- Extensión VS Code [Pylance](https://marketplace.visualstudio.com/items/?itemName=ms-python.vscode-pylance) |
| 46 | +- Extensión VS Code [Python Debugger](https://marketplace.visualstudio.com/items/?itemName=ms-python.debugpy) |
| 47 | +- Extensión VS Code [autopep8](https://marketplace.visualstudio.com/items/?itemName=ms-python.autopep8) |
| 48 | + |
| 49 | +### JavaScript |
| 50 | + |
| 51 | +- [nvm](https://github.com/nvm-sh/nvm) o [nvm para Windows](https://github.com/coreybutler/nvm-windows) |
| 52 | +- La última LTS de [Node.js](https://nodejs.org/) a través de nvm |
| 53 | + |
| 54 | +### Java |
| 55 | + |
| 56 | +- [SDKMAN](https://sdkman.io/) |
| 57 | +- [OpenJDK 21](https://learn.microsoft.com/java/openjdk/download) a través de SDKMAN |
| 58 | +- [Apache Maven](https://maven.apache.org/download.cgi) a través de SDKMAN |
| 59 | +- [Gradle Build Tool](https://docs.gradle.org/current/userguide/installation.html) a través de SDKMAN |
| 60 | +- [Spring Boot Initializr](https://docs.spring.io/spring-boot/cli/installation.html) a través de SDKMAN |
| 61 | +- Extensión VS Code [Extension Pack for Java](https://marketplace.visualstudio.com/items/?itemName=vscjava.vscode-java-pack) |
| 62 | +- Extensión VS Code [Spring Boot Extension Pack](https://marketplace.visualstudio.com/items/?itemName=vmware.vscode-boot-dev-pack) |
| 63 | + |
| 64 | +### .NET |
| 65 | + |
| 66 | +- [.NET SDK 9](https://dotnet.microsoft.com/download/dotnet/9.0) |
| 67 | +- Extensión [VS Code C# Dev Kit](https://marketplace.visualstudio.com/items/?itemName=ms-dotnettools.csdevkit) |
| 68 | + |
| 69 | +## Documento de Requisitos del Producto |
| 70 | + |
| 71 | +Primero y principal, el lugar para comenzar es este [PRD (Documento de Requisitos del Producto)](./product-requirements.md). Este documento te dará una mejor comprensión de qué hacer y cómo hacerlo. |
| 72 | + |
| 73 | +## Instrucciones del Taller |
| 74 | + |
| 75 | +Este es un taller autodidacta siguiendo los enlaces a continuación: |
| 76 | + |
| 77 | +| Paso | Enlace | |
| 78 | +|------------------------------------|----------------------------------------------------------| |
| 79 | +| 00: Entorno de Desarrollo | [00-setup.md](./docs/00-setup.md) | |
| 80 | +| 01: Backend Python | [01-python.md](./docs/01-python.md) | |
| 81 | +| 02: Frontend JavaScript | [02-javascript.md](./docs/02-javascript.md) | |
| 82 | +| 03: Migración Java desde Python | [03-java.md](./docs/03-java.md) | |
| 83 | +| 04: Migración .NET desde JavaScript| [04-dotnet.md](./docs/04-dotnet.md) | |
| 84 | +| 05: Contenedorización | [05-containerization.md](./docs/05-containerization.md) | |
| 85 | + |
| 86 | +## Ejemplos Completos |
| 87 | + |
| 88 | +Revisa el ejemplo completo de cada aplicación. También están programadas con vibe usando GitHub Copilot, por lo tanto, podrían no ser perfectas, y no tienes que seguir la aplicación. |
| 89 | + |
| 90 | +| Lenguaje | Aplicación | Ubicación | |
| 91 | +|---------------------|-------------|---------------------------------------| |
| 92 | +| Backend Python | FastAPI | [python](./complete/python/) | |
| 93 | +| Frontend JavaScript | React | [javascript](./complete/javascript/) | |
| 94 | +| Backend Java | Spring Boot | [java](./complete/java/) | |
| 95 | +| Frontend .NET | Blazor | [dotnet](./complete/dotnet/) | |
| 96 | +| Contenedorización | Container | [containerization](./complete/) | |
| 97 | + |
| 98 | +## Leer Más... |
| 99 | + |
| 100 | +- [GitHub Codespaces](https://docs.github.com/en/codespaces/about-codespaces/what-are-codespaces) |
| 101 | +- [GitHub Copilot](https://docs.github.com/en/copilot/about-github-copilot/what-is-github-copilot) |
| 102 | +- [GitHub Copilot: Modo Agente](https://code.visualstudio.com/blogs/2025/04/07/agentMode) |
| 103 | +- [GitHub Copilot: MCP](https://code.visualstudio.com/blogs/2025/05/12/agent-mode-meets-mcp) |
| 104 | +- [GitHub Copilot: Instrucciones Personalizadas](https://code.visualstudio.com/docs/copilot/copilot-customization) |
| 105 | +- [GitHub Copilot: Cambiar Modelos de IA](https://docs.github.com/en/copilot/using-github-copilot/ai-models/changing-the-ai-model-for-copilot-chat?tool=vscode) |
| 106 | +- [Servidores MCP Curados](https://github.com/modelcontextprotocol/servers) |
0 commit comments