Hands-on Labs Overview ๐งช¶
Welcome to the hands-on labs section of our GitHub Copilot workshop! This is where you'll get practical experience using GitHub Copilot across different programming languages and scenarios.
Available Labs ๐¶
Our workshop includes a variety of hands-on labs to give you practical experience with GitHub Copilot:
Name | Language | Description | Length |
---|---|---|---|
Javascript Calculator | HTML/Javascript | A small app that serves as a good starter project | 20 mins |
Timer and Selector | HTML/CSS/React | Building components for workshop trainers | 30 mins |
Polaroid Image Gallery | HTML/Javascript | Building a small image gallery with animations | 45 mins |
Rock Paper Scissor | Python | A slightly more advanced app | 30 mins |
Restaurant API + Deployment | Python/Azure | Creating and deploying a simple API to Azure | 45 mins |
Star Wars API Client | Python | Creating a library to retrieve Star Wars character data | 1 hour |
Star Wars API Client | Java | Creating a library to retrieve Star Wars character data | 1 hour |
API Testing with SWAPI | C# | Implementing tests for an API | 30 mins |
C Sharp Web App | C# | Working with .NET Web Technologies and unit tests | 1 hour |
Interest Calculator | C++ | Building an interest calculator with unit tests | 30 mins |
HTML Image Gallery with MCP | HTML/Javascript | Using GitHub Copilot agent mode with MCP servers for advanced web development | 45-60 mins |
Build Your Own MCP Server | Multi-language | Creating a custom MCP weather server that extends GitHub Copilot's capabilities | 60-90 mins |
How to Use These Labs ๐¶
Each lab is designed to be self-contained and includes:
- Clear Instructions: Step-by-step guidance on what to do
- Prompts for GitHub Copilot: Suggestions on how to interact with Copilot
- Expected Outcomes: What you should achieve by the end of the lab
- Tips and Solutions: Help if you get stuck
Choosing the Right Lab ๐ฏ¶
If you're new to GitHub Copilot, we recommend starting with:
- Javascript Calculator (for web developers)
- Rock Paper Scissor (for Python developers)
For more experienced users, try:
- Star Wars API Client (for Java developers)
- C Sharp Web App (for .NET developers)
Featured Labs ๐¶
In this workshop, we'll be focusing on two labs in particular:
HTML Image Gallery ๐ผ๏ธ¶
Build an interactive image gallery with animations using HTML, CSS, and JavaScript. This lab demonstrates how GitHub Copilot can help with front-end development tasks.
Star Wars API Client in Java ๐¶
Create a Java client for the Star Wars API, including DTOs, interfaces, implementations, and tests. This lab showcases GitHub Copilot's ability to understand and implement complex API interactions.
Star Wars API Client in Python ๐¶
Build a Python client for the Star Wars API, using data classes, abstract base classes, and tests. This lab guides you step-by-step through creating a reusable API client, writing unit tests, and leveraging GitHub Copilot to accelerate development.
HTML Image Gallery with MCP ๐ค¶
Learn how to use GitHub Copilot's agent mode with Model Context Protocol (MCP) servers to analyze designer mockups, create GitHub issues, and build interactive web applications. This advanced lab demonstrates leveraging MCP tools for repository management and automated testing with Playwright.
Build Your Own MCP Server โก¶
Create a custom Model Context Protocol (MCP) weather server that integrates with VS Code and GitHub Copilot to provide real-time weather forecasts and alerts. This intermediate lab teaches you how to build MCP servers that extend GitHub Copilot's capabilities with external APIs.
Other Labs¶
Explore additional hands-on labs covering a variety of languages and scenarios. These labs provide more opportunities to practice and discover the capabilities of GitHub Copilot.
Choose a lab that matches your interests and skill level, and let's start coding with GitHub Copilot! ๐ป