mirror of
https://github.com/andwati/copilot-dev-days.git
synced 2026-10-18 02:02:52 +00:00
61 lines
2.2 KiB
Markdown
61 lines
2.2 KiB
Markdown
<!-- l10n-sync: source-file="workshop/00-overview.md" -->
|
|
# 🎮 VS Code GitHub Copilot Agent Lab
|
|
[← README](../../README.es.md)
|
|
|
|
- [ ] VS Code más reciente **v1.113** (sin actualización pendiente)
|
|
|
|
> **Nivel:** Intermedio
|
|
> **Stack:** TypeScript / Vite / Tailwind CSS
|
|
|
|
Bienvenido a **Bingo Mixer** — un workshop práctico donde transformarás una app de bingo social usando el Agent Mode de VS Code con GitHub Copilot.
|
|
|
|
---
|
|
|
|
## 📋 Lista Rápida
|
|
|
|
- [ ] VS Code más reciente **v1.113** (sin actualización pendiente)
|
|
- [ ] Asegúrate de que las actualizaciones no estén deshabilitadas
|
|
- [ ] Sesión iniciada con GitHub (¡Copilot Free no puede ejecutar cloud agent!)
|
|
- [ ] Git & Node instalados
|
|
- [ ] Chat abierto y Agent listo para la acción
|
|
|
|
*Opcional*: Usa DevContainer o WSL.
|
|
|
|
---
|
|
|
|
## 🎯 Lo que Aprenderás
|
|
|
|
| # | Habilidad | Descripción |
|
|
|---|-----------|-------------|
|
|
| 1 | **Ingeniería de Contexto** | Integra la IA a tu codebase y flujos de trabajo |
|
|
| 2 | **Primitivas Agénticas** | Construye un flujo de ingeniería AI-first |
|
|
| 3 | **Abundancia Agéntica** | Escala la exploración y acelera el aprendizaje |
|
|
| 4 | **Desarrollo Design-First** | Deja que la IA itere en la UI mientras tú guías la visión |
|
|
|
|
---
|
|
|
|
## 📚 Partes del Lab
|
|
|
|
| Parte | Título | Descripción |
|
|
|-------|--------|-------------|
|
|
| [**01**](01-setup.md) | Configuración & Ingeniería de Contexto | Clona, configura y enséñale a la IA sobre tu proyecto |
|
|
| [**02**](02-design.md) | Frontend Design-First | Rediseña la UI con temas creativos |
|
|
| [**03**](03-quiz-master.md) | Quiz Master Personalizado | Crea tus propios temas de quiz con agentes personalizados |
|
|
| [**04**](04-multi-agent.md) | Desarrollo Multi-Agente | Construye nuevas funcionalidades con TDD y agentes de diseño |
|
|
|
|
---
|
|
|
|
## 💡 Consejos
|
|
|
|
1. Mantén el navegador con actualización en tiempo real abierto
|
|
2. Haz commit del código funcional con frecuencia
|
|
3. Revierte cambios inesperados usando *Checkpoints* y *Undo* del chat, luego intenta de nuevo
|
|
|
|
---
|
|
|
|
## 🔗 Recursos
|
|
|
|
- [VS Code on YouTube](https://www.youtube.com/code)
|
|
- [VS Code Copilot Docs](https://code.visualstudio.com/docs/copilot/overview)
|
|
- [Awesome Copilot](https://github.com/github/awesome-copilot) para más personalizaciones
|