GitHub Copilot

Vorstellung der Funktionsweise von GitHub Copilot in VS Code.

→ Hier fehlt noch einiges! (siehe auch die Beispiel-Präsi in lectures)

Agent/Plan
Agent HQ
CLI und Cloud

Vorbereitung Studierende:

VS Code installieren
p5.js-Extension installieren: P5-Server (https://marketplace.visualstudio.com/items?itemName=osteele.p5-server )
p5.js in VS Code kurz vorführen, siehe p5 in „Activity Bar“ (linke Leiste)
GitHub Copilot wird später beantragt (siehe unten)

Nun beginnen wir, das Spiel „Vier Gewinnt“ in p5.js mit Hilfe von GitHub Copilot zu entwickeln. Das fertige Spiel kann hier kurz gezeigt werden: https://editor.p5js.org/behrends/sketches/a3POvmyKN

Interaktive Demo von GitHub Copilot:

Die meisten Schritte werden in Copilot Chat ausgeführt.
Vorgehensweise für Spielentwicklung mit Copilot festlegen
Schrittweise durchgehen.

Mit einer Vorgehensweise wie im Word-Dokument unter /assets/VierGewinntCopilot.docx dokumentiert, sollte es möglich sein, in Copilot das Spiel „Vier Gewinnt“ zu entwickeln.

Tipps zur Benutzung von Copilot:

Copilot Chat kann über „Activity Bar“ (linke Leiste) geöffnet werden.
Fenster von Copilot Chat in Editor öffnen (mit …-Menu oben und dann „Open Chat in Editor“). Danach nach unten oder neben den Code verschieben.
Copilot Chat beantwortet nur Fragen zur Programmierung. Manchmal müssen die Fragen mit direktem Bezug zum Code oder zur Programmierung umformuliert werden.
Anhand von Kommentaren und Autovervollständigung geniert Copilot passenden Code („ghost code“).
Copilot reagiert auf einige Tastenkombinationen:
- TAB → Codevorschlag vervollständigen
- Alt-] → durch alternative Vorschläge blättern
- Hover → durch alternative Vorschläge blättern
- CTRL-Enter → Alternativen anzeigen (neuer Bereich rechts wird geöffnet)
Rechtsklick im Code und dann Copilot-Menu wählen (inline chat, explain, fix, …)
jedes Jahr neue Features checken, Studierende fragen und ggf. aktualisieren
Copilot bei Bedarf ausschalten durch Klick auf das Copilot-Icon unten in der Status-Bar (wichtig für das Lernen der Programmierung im 1. Semester!)

Die Benutzung von Copilot erfordert Übung. Ständig kommen neue Features hinzu. Die offizielle Dokumentation oder YouTube-Videos zeigen weitere Möglichkeiten.

‼️

Die Studierenden werden ausdrücklich darauf hingewiesen, dass sie Copilot nur auf eigene Gefahr und Verantwortung nutzen sollen (Datenschutz, Urheberrecht, usw. im Unternehmen beachten).

Wer im 1. Semester Programmieren von Anfang an lernt, sollte Copilot deaktivieren und erst dann nutzen, wenn die Grundlagen beherrscht werden (Variablen, Schleifen, Funktionen, usw.).

GitHub Copilot kostenlos für Studierende beantragen:

1. Schritt: Studierenden-Zugang freischalten
  https://docs.github.com/en/education/explore-the-benefits-of-teaching-and-learning-with-github-education/github-global-campus-for-students/apply-to-github-global-campus-as-a-student
1. Schritt Github Copilot einrichten (u.a. in VS Code)
  https://docs.github.com/en/copilot/using-github-copilot/getting-started-with-github-copilot
⟶ Links jedes Mal checken und in Moodle stellen

Tipp: Video von GitHub: Einführung in GitHub Copilot https://www.youtube.com/watch?v=SJqGYwRq0uc (Sommer 2025, neuere Version?)