Duration: ~1 hour
Level: Intermediate
Stack: Java 21 / Spring Boot 3.4.2 / Apache Maven
Welcome to Soc Ops — a hands-on workshop where you'll transform a simple Social Bingo app into something amazing using VS Code's Agent Mode with GitHub Copilot.
Before you begin, verify:
- VS Code v1.107+ (no pending updates)
- Signed in with GitHub Copilot (Pro, Business, or Enterprise)
- Git installed
- Java 21 JDK installed
- Chat panel open and Agent ready
💡 Tip: Use the DevContainer for a pre-configured environment!
| # | Skill | Description |
|---|---|---|
| 1 | Context Engineering | Teach AI about your codebase with instructions |
| 2 | Agentic Primitives | Use background agents, cloud agents, and custom workflows |
| 3 | Design-First Development | Let AI iterate on UI while you guide the vision |
| 4 | Test-Driven Development | Use TDD agents for reliable feature development |
| Part | Title | Time | Description |
|---|---|---|---|
| 01 | Setup & Context Engineering | 15 min | Clone, configure, and teach the AI about your project |
| 02 | Design-First Frontend | 15 min | Redesign the UI with creative themes |
| 03 | Custom Quiz Master | 10 min | Create your own quiz themes with custom agents |
| 04 | Multi-Agent Development | 20 min | Build new features with TDD and design agents |
- Keep the browser open — Watch live updates as you code
- Commit often — Save working states frequently
- Use checkpoints — Revert unexpected changes with chat Checkpoints & Undo
- 📌 Pin this guide — Keep it visible while you work