DEV Community

Cover image for GitHub Copilot for learning
Karen Payne
Karen Payne

Posted on

GitHub Copilot for learning

Introduction

Learn how to solve unusual task in Microsoft Visual Studio 2022 and later using GitHub Copilot Chat.

Overview

  • Learn how to read an unorthodox file structure
  • Transform json data
  • Create a .svg file
  • Create a class using the builder pattern

Example 1

A developer receives the following text file with a unusual format, people separated with a dashed line and has extra whitespace at the end of the file.

Note
The prompt used here could had been done with more details but lets kee it simple for learning purposes. For how to create great prompts check out the following youtube video.

The file comes from an external source so and the external source refuses to provide a different format.



Karen 
Payne
09/24/1956
------------------------------------
Jim
Beam
08/23/1923
------------------------------------
Anne
Jones
12/14/1987
------------------------------------






Enter fullscreen mode Exit fullscreen mode

Step 1

Create, in this case a new console project and place the above text file into the root of the project named people.txt and set Copy to Output Directory to Copy if newer.

Step 2
Open GitHub Copilot Chat from the upper right corner of VS2022 IDE.

Ask Copilot to read the file

read #file:'people.txt' into a Person class

Using # will provide a list of file names to select from, select people.txt

Shows Copilot chat window with the above prompt

Click the paper airplane at the bottom of the chat window for Copilot to provide a solution.

The solution (too large to show here)

  • Provides explanations of code produced.
  • Provides step-by-step instructions and code

Code to read the file.



using System;
using System.Collections.Generic;
using System.Globalization;
using System.IO;

namespace EncodeJsonApp
{
    public class Person
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public DateOnly BirthDate { get; set; }

        public static List<Person> ReadPeopleFromFile(string filePath)
        {
            var people = new List<Person>();
            var lines = File.ReadAllLines(filePath);
            for (int i = 0; i < lines.Length; i += 4)
            {
                if (i + 2 < lines.Length)
                {
                    var firstName = lines[i].Trim();
                    var lastName = lines[i + 1].Trim();
                    var birthDate = DateOnly.ParseExact(lines[i + 2].Trim(), "MM/dd/yyyy", CultureInfo.InvariantCulture);
                    people.Add(new Person
                    {
                        FirstName = firstName,
                        LastName = lastName,
                        BirthDate = birthDate
                    });
                }
            }
            return people;
        }
    }
}


Enter fullscreen mode Exit fullscreen mode

Code to perform the work using the code above.



using System;
using System.Collections.Generic;

namespace EncodeJsonApp
{
    class Program
    {
        static void Main(string[] args)
        {
            string filePath = "EncodeJsonApp/people.txt";
            List<Person> people = Person.ReadPeopleFromFile(filePath);

            foreach (var person in people)
            {
                Console.WriteLine($"Name: {person.FirstName} {person.LastName}, Birth Date: {person.BirthDate}");
            }
        }
    }
}


Enter fullscreen mode Exit fullscreen mode

Step 3

Copilot provides a button for the Person class to be inserted into a new file, click it.

Shows copy and insert buttons in Chat Window for Person class

Step 4

We did not ask Copilot to handle trailing empty lines, lets add code for this.



var lines = File.ReadAllLines(filePath)
    .Where(line => !string.IsNullOrWhiteSpace(line))
    .ToArray();


Enter fullscreen mode Exit fullscreen mode

Next for clarity let's rename the variable i to index as index is much easier to read.

Step 5

For the code to run above code, use Copilot's copy code button and paste into Program.cs.



using System;
using System.Collections.Generic;

namespace EncodeJsonApp
{
    class Program
    {
        static void Main(string[] args)
        {
            string filePath = "EncodeJsonApp/people.txt";
            List<Person> people = Person.ReadPeopleFromFile(filePath);

            foreach (var person in people)
            {
                Console.WriteLine($"Name: {person.FirstName} {person.LastName}, Birth Date: {person.BirthDate}");
            }
        }
    }
}


Enter fullscreen mode Exit fullscreen mode

Change



string filePath = "EncodeJsonApp/people.txt";


Enter fullscreen mode Exit fullscreen mode

To



string filePath = "people.txt";


Enter fullscreen mode Exit fullscreen mode

So people in the executable folder is read from.

Note
Add Console.ReadLine(); may be needed after the foreach

Step 6

Press F5 to ran to get the following.

Shows console output

Step 7

The method Person.ReadPeopleFromFile belongs in a separate file.

  • Reference the Person class use #Person (a list is provided)
  • Explain the refactor


extract from   class ReadPeopleFromFile method to a new class file named FileOperations


Enter fullscreen mode Exit fullscreen mode

Click the paper airplane and the following is provided. Click insert button.

code for file operatios

Remove ReadPeopleFromFile method from the Person class and update Program.Main method as shown below.

updated main method in Program class

Press F5 to ran to get the following, same as before the refactoring.

Shows console output

Optional steps

Person class and FileOperations files are in the root folder of the project.

Consider

  • Creating a Models folder and place Person class in this folder.
  • Create a Class folder and place FileOperations in this folder.

Example 1 summary

The lessons here are getting started with asking a simple question for (dependent on experience of the developer) how to deal with an uncommon task using references to files via # option for Copilot. Also, not trying to have everything done in a single Copilot prompt.

Example 1 code

Source code

Example 2

The task is to take the following json and encode with accent characters.



[
  {
    "FirstName": "José",
    "LastName": "Fernández "
  },
  {
    "FirstName": "Miguel",
    "LastName": "López"
  },
  {
    "FirstName": "Ángel",
    "LastName": "Pérez"
  }
]


Enter fullscreen mode Exit fullscreen mode

Open the file and press CTRL + /

Enter the following prompt.

encode FirstName and LastName with HTML accent characters

Inline prompt

Click the Paper Airplane and we get.

results

Alternate

In a class like the Main method of a console project, use # to select the file and use the same prompt as the first time.

The prompt

Easier to view of above

Example 2 summary

Copilot can be useful for more than code, here the reader learned how to work with a structured file.

Example 3

A developer wants to learn the builder pattern. Let’s try asking Copilot to create a class using the builder pattern to create a simple example for constructing a house. Note since we keep the prompt simple or purpose so once the code is understood more code can be added such as assertion.

The prompt

Create a class using the builder pattern for a house

Copilot produces the following which a developer use the insert in a new file.



public class House
{
    public string Foundation { get; private set; }
    public string Structure { get; private set; }
    public string Roof { get; private set; }
    public string Interior { get; private set; }

    private House() { }

    public class Builder
    {
        private readonly House _house;

        public Builder()
        {
            _house = new House();
        }

        public Builder SetFoundation(string foundation)
        {
            _house.Foundation = foundation;
            return this;
        }

        public Builder SetStructure(string structure)
        {
            _house.Structure = structure;
            return this;
        }

        public Builder SetRoof(string roof)
        {
            _house.Roof = roof;
            return this;
        }

        public Builder SetInterior(string interior)
        {
            _house.Interior = interior;
            return this;
        }

        public House Build()
        {
            return _house;
        }
    }
}


Enter fullscreen mode Exit fullscreen mode

Copilot also provides sample code for trying out the above code.



partial class Program
{
    static void Main(string[] args)
    {

        House house = new House.Builder()
            .SetFoundation("Concrete")
            .SetStructure("Wood and Brick")
            .SetRoof("Shingles")
            .SetInterior("Modern")
            .Build();

        Console.WriteLine($"House Details:\nFoundation: " +
                          $"{house.Foundation}\nStructure: " +
                          $"{house.Structure}\nRoof: {house.Roof}\nInterior: {house.Interior}");
        Console.ReadLine();


    }
}


Enter fullscreen mode Exit fullscreen mode

Example 3 summary

Here the point was to show how Copilot can help learn new coding techniques.

Example 4

Using .svg files are preferred for showing images for web projects. Let's have Copilot create a red asterisk svg file.

In any file, press CTRL + /

Enter the following prompt followed by clicking the paper airplane.

create a red asterisk svg file

Response in a file named NewFile.txt



<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 2V22M2 12H22M4.93 4.93L19.07 19.07M4.93 19.07L19.07 4.93" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>


Enter fullscreen mode Exit fullscreen mode

Save it as RedAsterisk.svg

Note
The height and width can easily be changed to suit the needs of a task.

red asterisk svg file preview

Article summary

Information has been provided to use Copilot Chat and inline prompting. Prompting was kept simple as prompt engineering is a completely different topic.

Top comments (2)

Collapse
 
jangelodev profile image
João Angelo

Hi Karen Payne,
Top, very nice and helpful !
Thanks for sharing.

Collapse
 
karenpayneoregon profile image
Karen Payne

Your welcome~