Let's vibe-code with GitHub Copilot and its newest and greatest features in various programming languages such as Python, JavaScript, Java and .NET, as well as make the apps cloud-native by containerization. Are you ready to jump in?
Contoso is a company that sells products for various outdoor activities. A marketing department of Contoso would like to launch a micro social media website to promote their products for existing and potential customers. As their first MVP, the want to quickly build the website. The IT department of Contoso currently has two developers using Python and JavaScript respectively. The launch date is fast approaching, so both developers should quickly deliver the application.
But here's the situation...
- Build applications using GitHub Copilot Agent Mode.
- Add custom instruction to GitHub Copilot so that you have more control over GitHub Copilot.
- Add various MCP servers to GitHub Copilot so that you build the applications more precisely.
This workshop material is currently provided in the following languages:
English | Español | Français | 日本語 | 한국어 | Português | 中文(简体)
During this workshop, GitHub Codespaces is highly recommended because there's no need for preparation, except a web browser.
However, if you really need to use your machine, make sure you've installed everything identified below.
- Visual Studio Code
- VS Code GitHub Copilot Extension
- VS Code GitHub Copilot Chat Extension
- 💥 For Windows users 👉 PowerShell 7
- git CLI
- GitHub CLI
- Docker Desktop
- pyenv or pyenv for Windows
- Python 3.12+ through pyenv
uvpackage manager (recommended) orpip- VS Code Python Extension
- VS Code Pylance Extension
- VS Code Python Debugger Extension
- VS Code autopep8 Extension
- nvm or nvm for Windows
- The latest LTS of Node.js through nvm
- SDKMAN
- OpenJDK 21 through SDKMAN
- Apache Maven through SDKMAN
- Gradle Build Tool through SDKMAN
- Spring Boot Initializr through SDKMAN
- VS Code Extension Pack for Java Extension
- VS Code Spring Boot Extension Pack Extension
- .NET SDK 9
- VS Code C# Dev Kit Extension
First and foremost, the place for you to start is this PRD (Product Requirements Document). This document will give you a better understanding of what to do and how to do it.
This is a self-paced workshop by following the links below:
| Step | Link |
|---|---|
| 00: Development Environment | 00-setup.md |
| 01: Python Backend | 01-python.md |
| 02: JavaScript Frontend | 02-javascript.md |
| 03: Java Migration from Python | 03-java.md |
| 04: .NET Migration from JavaScript | 04-dotnet.md |
| 05: Containerization | 05-containerization.md |
Check out the complete example of each application. They're also vibe-coded with GitHub Copilot, therefore, they might not be perfect, and you don't have to follow the app.
| Language | Application | Location |
|---|---|---|
| Python Backend | FastAPI | python |
| JavaScript Frontend | React | javascript |
| Java Backend | Spring Boot | java |
| .NET Frontend | Blazor | dotnet |
| Containerization | Container | containerization |