|
1 | 1 | # Add the filter feature |
2 | 2 |
|
| 3 | +| [← Providing custom instructions][walkthrough-previous] | [Next: Bonus content →][walkthrough-next] | |
| 4 | +|:-----------------------------------|------------------------------------------:| |
| 5 | + |
3 | 6 | We've explored how we can use GitHub Copilot to explore our project and to provide context to ensure the suggestions we receive are to the quality we expect. Now let's turn our attention to putting all this prep work into action by generating new code! We'll use GitHub Copilot to aid us in adding functionality to our website. |
4 | 7 |
|
5 | 8 | ## Scenario |
@@ -34,8 +37,8 @@ Adding the filters to the page will require updating a minimum of two files - th |
34 | 37 | - A checkbox should be available to only show available dogs |
35 | 38 | - The page should automatically refresh whenever a change is made |
36 | 39 |
|
37 | | - > [!NOTE] |
38 | | - > You should use your own phrasing when generating the prompt. As highlighted previously, part of the exercise is to become comfortable creating prompts for GitHub Copilot. One key tip is it's always good to provide more guidance to ensure you get the code you are looking for. |
| 40 | +> [!NOTE] |
| 41 | +> You should use your own phrasing when generating the prompt. As highlighted previously, part of the exercise is to become comfortable creating prompts for GitHub Copilot. One key tip is it's always good to provide more guidance to ensure you get the code you are looking for. |
39 | 42 |
|
40 | 43 | Copilot begins generating the suggestions! |
41 | 44 |
|
@@ -85,8 +88,15 @@ There is no one right way to use GitHub Copilot. Continue to explore and try dif |
85 | 88 |
|
86 | 89 | ## Resources |
87 | 90 |
|
88 | | -- [Asking GitHub Copilot questions in your IDE](https://docs.github.com/en/copilot/using-github-copilot/copilot-chat/asking-github-copilot-questions-in-your-ide) |
89 | | -- [Copilot Edits](https://code.visualstudio.com/docs/copilot/copilot-edits) |
90 | | -- [Copilot Chat cookbook](https://docs.github.com/en/copilot/copilot-chat-cookbook) |
| 91 | +- [Asking GitHub Copilot questions in your IDE][copilot-ask] |
| 92 | +- [Copilot Chat cookbook][copilot-cookbook] |
| 93 | +- [Copilot Edits][copilot-edits] |
| 94 | + |
| 95 | +| [← Providing custom instructions][walkthrough-previous] | [Next: Bonus content →][walkthrough-next] | |
| 96 | +|:-----------------------------------|------------------------------------------:| |
91 | 97 |
|
92 | | -**NEXT:** If you've made it here and want to keep exploring, we've got some [bonus suggestions](./5-bonus.md) for you! |
| 98 | +[copilot-ask]: https://docs.github.com/en/copilot/using-github-copilot/copilot-chat/asking-github-copilot-questions-in-your-ide |
| 99 | +[copilot-cookbook]: https://docs.github.com/en/copilot/copilot-chat-cookbook |
| 100 | +[copilot-edits]: https://code.visualstudio.com/docs/copilot/copilot-edits |
| 101 | +[walkthrough-previous]: ./3-copilot-instructions.md |
| 102 | +[walkthrough-next]: ./5-bonus.md |
0 commit comments