Skip to content

Commit 81583cd

Browse files
authored
Update content
- Updates default model to use Claude Sonnet 4 - Various small updates for clarity and flow (shoutout @peckjon)
2 parents 066ea31 + e162935 commit 81583cd

28 files changed

+150
-173
lines changed

.vscode/.copilotignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
- docs/**/*

client/package-lock.json

Lines changed: 52 additions & 52 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/playwright.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export default defineConfig({
2020
/* Retry on CI only */
2121
retries: process.env.CI ? 2 : 0,
2222
/* Opt out of parallel tests on CI. */
23-
workers: process.env.CI ? 1 : undefined,
23+
workers: 5,
2424
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
2525
reporter: 'list',
2626
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */

docs/0-prereqs.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,9 @@ Next up, we will be using a codespace to complete the lab exercises. [GitHub Cod
3535

3636
The creation of the codespace will take several minutes, although it's still far quicker than having to manually install all the services! That said, we can use this time to take advantage of our ability to assign tasks to GitHub Copilot which it can perform asynchronously, which we'll turn our attention to next!
3737

38+
> [!IMPORTANT]
39+
> We will return to the codespace in a future exercise. For the time being, leave it open in a tab in your browser.
40+
3841
## Summary
3942

4043
Congratulations, you have created a copy of the lab repository! You also began the creation process of your codespace, which you'll use when you begin writing code. We're going to return back to this after the next lesson, so don't worry.

docs/1-copilot-coding-agent.md

Lines changed: 20 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -28,13 +28,15 @@ These are both examples of tasks which can quickly find themselves deprioritized
2828

2929
While it can often feel like it, there is no magic in GitHub Copilot. There are no magic solutions available, where you can with just a couple of sentences snap your fingers and let AI perform the entire task for you. In fact, even seemingly straight-forward operations can often have fair amount of complexity when we peel back the layers.
3030

31-
As a result, we want to [be mindful about how we approach assigning tasks to Copilot coding agent][coding-agent-best-practices], and that working with Copilot as an AI pair programmer is typically the best approach. The approach you take tasks big and small is the same with or without Copilot - work in stages, learn, experiment, and adapt accordingly. As always, the fundamentals of software development do not change with the addition of generative AI.
31+
As a result, we want to [be mindful about how we approach assigning tasks to Copilot coding agent][coding-agent-best-practices]. Working with Copilot as an AI pair programmer is typically the best approach. Approach tasks, big and small, following the same strategy you would without Copilot - work in stages, learn, experiment, and adapt accordingly.
32+
33+
As always, the fundamentals of software development do not change with the addition of generative AI.
3234

3335
## Setting up the dev environment for the Copilot coding agent
3436

3537
Creating code, regardless of who's involved, typically requires a specific environment and some setup scripts to be run to ensure everything is in a good state. This holds true when assigning tasks to Copilot, which is performing tasks in a similar fashion to a SWE.
3638

37-
[Copilot coding agent supports a special workflow][setup-workflow], set in the **.github/workflows/copilot-setup-steps.yml** file, to run before it gets to work. This enables it to have access to the required development tools and dependencies. We pre-configured this ahead of the lab to help the lab flow and allow this learning opportunity. It makes sure that Copilot had access to Python, Node.JS, and the required dependencies for the client and server:
39+
Coding agent uses [GitHub Actions][github-actions] for its environment when doing its work. You can customize this environment by creating a [special setup workflow][setup-workflow], configured in the **.github/workflows/copilot-setup-steps.yml** file, to run before it gets to work. This enables it to have access to the required development tools and dependencies. We pre-configured this ahead of the lab to help the lab flow and allow this learning opportunity. It makes sure that Copilot had access to Python, Node.JS, and the required dependencies for the client and server:
3840

3941
```yaml
4042
name: "Copilot Setup Steps"
@@ -108,14 +110,17 @@ While every developer and organization understands the importance of documentati
108110
![Copilot uses the eyes emoji to indicate it's working on the issue](images/ex4-issue-eyes.png)
109111

110112
11. Select the **Pull Requests** tab.
111-
12. Open the newly generated issue, which will be titled something similar to **[WIP]: Code lacks documentation**.
113+
12. Open the newly generated pull request (PR), which will be titled something similar to **[WIP]: Code lacks documentation**.
112114
13. After a few minutes, you should see that Copilot has created a todo list.
113-
14. Review the list and the tasks it's going to complete.
114-
15. Scroll down the pull request timeline, and you should see an update that Copilot has started working on the issue.
115-
16. Select the **View session** button.
116115

117-
![Copilot session view](images/ex4-view-session.png)
116+
> [!NOTE]
117+
> It make take several minutes for the todo list from Copilot to appear in the PR. Copilot is creating its environment (running the workflow highlighted previously), analyzing the project, and determining the best approach to tackling the problem.
118118

119+
14. Review the list and the tasks it's going to complete.
120+
15. Scroll down the pull request timeline, and you should see an update that Copilot has started working on the issue.
121+
16. Select the **View session** button.
122+
123+
![Copilot session view](images/ex4-view-session.png)
119124

120125
> [!IMPORTANT]
121126
> You may need to refresh the window to see the updated indicator.
@@ -158,20 +163,7 @@ Shortly after, you should see a set of 👀 on the first comment in the issue, i
158163

159164
![Copilot uses the eyes emoji to indicate it's working on the issue](images/ex4-issue-eyes.png)
160165

161-
> [!IMPORTANT]
162-
> You may need to refresh the window to see the updated indicator.
163-
164-
13. Select the **Pull Requests** tab.
165-
14. Open the newly generated PR, which will be titled something similar to **[WIP]: Add endpoints to create and edit games**.
166-
15. After a few minutes, Copilot will update the PR with a checklist of the tasks its going to perform. It will use this checklist to indicate to the outside world its progress.
167-
16. Scroll down the pull request timeline, and you should see an update that Copilot has started working on the issue.
168-
17. Select the **View session** button.
169-
170-
![Copilot session view](images/ex4-view-session.png)
171-
172-
18. Notice that you can scroll through the live session, and how Copilot is solving the problem. That includes exploring the code and understanding the state, how Copilot pauses to think and decide on the appropriate plan and also creating code.
173-
174-
Copilot is now diligently working on your request! Copilot coding agent works in a similar fashion to a SWE, so we don't need to actively monitor it, but instead review once it's completed. Let's turn our attention to writing code and adding other features.
166+
Copilot is now diligently working on your second request! Copilot coding agent works in a similar fashion to a SWE, so we don't need to actively monitor it, but instead review once it's completed. Let's turn our attention to writing code and adding other features.
175167

176168
## Summary and next steps
177169

@@ -197,11 +189,12 @@ With coding agent working diligently in the background, we can now turn our atte
197189
| [← Prerequisites][previous-lesson] | [Next lesson: MCP servers →][next-lesson] |
198190
|:--|--:|
199191

200-
[coding-agent-overview]: https://docs.github.com/en/copilot/using-github-copilot/coding-agent/about-assigning-tasks-to-copilot#overview-of-copilot-coding-agent
201-
[coding-agent-mcp]: https://docs.github.com/en/copilot/how-tos/agents/copilot-coding-agent/extending-copilot-coding-agent-with-mcp
202-
[assign-issue]: https://docs.github.com/en/copilot/using-github-copilot/coding-agent/using-copilot-to-work-on-an-issue
203-
[setup-workflow]: https://docs.github.com/en/copilot/using-github-copilot/coding-agent/best-practices-for-using-copilot-to-work-on-tasks#pre-installing-dependencies-in-github-copilots-environment
204-
[copilot-agents]: https://docs.github.com/en/copilot/using-github-copilot/coding-agent/about-assigning-tasks-to-copilot
205-
[coding-agent-best-practices]: https://docs.github.com/en/copilot/using-github-copilot/coding-agent/best-practices-for-using-copilot-to-work-on-tasks
192+
[coding-agent-overview]: https://docs.github.com/copilot/using-github-copilot/coding-agent/about-assigning-tasks-to-copilot#overview-of-copilot-coding-agent
193+
[coding-agent-mcp]: https://docs.github.com/copilot/how-tos/agents/copilot-coding-agent/extending-copilot-coding-agent-with-mcp
194+
[assign-issue]: https://docs.github.com/copilot/using-github-copilot/coding-agent/using-copilot-to-work-on-an-issue
195+
[setup-workflow]: https://docs.github.com/copilot/using-github-copilot/coding-agent/best-practices-for-using-copilot-to-work-on-tasks#pre-installing-dependencies-in-github-copilots-environment
196+
[copilot-agents]: https://docs.github.com/copilot/using-github-copilot/coding-agent/about-assigning-tasks-to-copilot
197+
[coding-agent-best-practices]: https://docs.github.com/copilot/using-github-copilot/coding-agent/best-practices-for-using-copilot-to-work-on-tasks
198+
[github-actions]: https://docs.github.com/actions
206199
[next-lesson]: ./2-mcp.md
207200
[previous-lesson]: ./0-prereqs.md

0 commit comments

Comments
 (0)