Skip to content

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:

  1. Clear Instructions: Step-by-step guidance on what to do
  2. Prompts for GitHub Copilot: Suggestions on how to interact with Copilot
  3. Expected Outcomes: What you should achieve by the end of the lab
  4. 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)

In this workshop, we'll be focusing on two labs in particular:

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.

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! ๐Ÿ’ป