In this fun workshop, you will learn how to use GitHub Copilot to enhance an Angular app, with little to no Angular experience required.
The project contains a simple Angular application.
Participants will be guided to install the GitHub Copilot VS Code extension, and then use it to enhance the app. You will also use GitHub Copilot to write some missing unit tests for the app. Estimated time to complete: 10 to 60 minutes.
Inside the labs folder you will find a number of markdown files that contain the instructions for this workshop.
| Filename | Description |
|---|---|
| exercise-1.md | Running Angular App |
| exercise-2.md | Add routes to the application |
| exercise-3.md | Integrate details page into application |
| exercise-4.md | Adding a form to your Angular app |
| exercise-5.md | Add the search feature to your app |
| exercise-6.md | Add HTTP communication to your app |
| exercise-7.md | Building tests |
| exercise-8.md | Create a Dockerfile |
| exercise-9.md | Document the code |
In this project you will find:
- the Angular Home Gallery application
- a devcontainer that installs GitHub Copilot when the Codespace is created (If you want to use Codespaces)
- an
labsfolder all the instructions for this workshop.
- How do I get a GitHub Copilot license?
- You can request a trial license from your GitHub Sales representative or via Copilot for Individuals or Business licenses.
- How do I get a GitHub Codespaces license?
- Codespaces is included with GitHub Enterprise Cloud, GitHub Enterprise Server, and GitHub Free. You can check under your billing settings page.
- I am having trouble activating GitHub Copilot after I load the plugin, what should I do?
- This could be because you launched your Codespace before you activated GitHub Copilot or accepted the invitation to the trial org. Please try to reload your Codespace and try again.
The Angular Home Gallery app and lab exercise is based on below tutorial: https://angular.dev/tutorials/first-app/01-hello-world
Enjoy your workshop!