GitHub Copilot app tour
Take a beginner-friendly, hands-on tour of the GitHub Copilot app. You will build a colorful Space Quiz from an empty folder and take it through the complete development loop, from your first prompt to a reviewed pull request and a live GitHub Pages site.
The workshop takes approximately 60 to 90 minutes. Your project uses a single HTML file with no runtime dependencies, so you can focus on learning the app and its agentic workflows.
This workshop was created by James Montemagno and adapted from First Steps with GitHub Copilot. The original content is available under the MIT License.
Lessons
| Lesson | Topic | What you will do |
|---|---|---|
| 0. Prerequisites and setup | Setup | Verify prerequisites, install the app, choose a model, and explore the workspace |
| 1. Create the workspace | Create | Start an Interactive session in an empty local folder |
| 2. Build and polish | Build | Create the quiz and refine it in the integrated browser |
| 3. Inspect and test | Context and test | Review the project and usage details, then run a browser-level smoke test |
| 4. Capture project instructions | Instructions | Generate and tailor agent instructions with /init |
| 5. Publish the project | Publish | Create a public GitHub repository from the local project |
| 6. Work with issues and sessions | Implement | Create a backlog, implement one issue in an isolated worktree, and review the diff |
| 7. Plan before you edit | Plan | Use Plan mode to agree on an approach for a second issue |
| 8. Complete the review loop | Review | Open a pull request, address Copilot review feedback, and use Agent Merge |
| 9. Automate issue triage | Automate | Schedule and run a weekly issue-triage automation |
| 10. Continue a session remotely | Remote (optional) | Follow an in-progress local session from the web or mobile with /remote |
| 11. Explore a Canvas | Canvas | Start work from a Repository Issues Kanban Canvas |
| 12. Deploy with GitHub Pages | Deploy | Review and merge a Pages workflow, then verify the live site |
| 13. Review and next steps | Review | Recap the workflow and continue learning |