Feedback von GitHub Copilot zu Ihrem Code

Informationen zur gemeinsamen Programmierung

Wenn du mit anderen an GitHub arbeitest, nimmst du in der Regel deine Änderungen in einem Branch oder Fork des Hauptprojekts vor und übermittelst sie dann als Pull Request. Ein Pull Request zeigt die Unterschiede zwischen dem ursprünglichen Code und den Änderungen an und lädt den Repositoryverwalter ein, deinen Code im Projekt zusammenzuführen.

Das Abrufen von Feedback zu deinem Pull Request von anderen ist ein wichtiger Bestandteil des Softwareentwicklungsprozesses. Pull Request-Überprüfungen verbessern den spezifischen Code, an dem du arbeitest, sowie deine Programmier- und Zusammenarbeitsfähigkeiten im Laufe der Zeit. Manchmal, vor allem wenn man das Programmieren lernt, hat man nicht immer jemanden, den man um Feedback bitten kann. In diesen Fällen kannst du stattdessen Feedback und alle Vorteile von GitHub Copilot erhalten.

Ein Pull Request ist ein gemeinsamer Punkt, an dem du anderen Personen die Änderungen zeigen kannst, die du vorschlägst, und so Feedback erhalten kannst. Wenn Sie eine Überprüfung von Copilot anfordern, lernen Sie den gleichen Prozess, den Sie beim Arbeiten mit Entwicklungsteams verwenden. Der einzige Unterschied besteht darin, dass Sie neben Copilot auch Rezensionen von menschlichen Kollegen anfordern.

1. Erstellen des Übungsrepositorys

In dieser Übung verwendest du ein Beispielrepository mit vorhandenem Code. Das Beispielrepository ist new2code/grid-toy, also ein kleines HTML- und JavaScript-Projekt, das ein Raster von farbverändernden Quadraten anzeigt. Dies ist eine GitHub Pages-Website, und du kannst die ursprüngliche Version unter https://new2code.github.io/grid-toy anzeigen.

Beginne, indem du eine eigene Kopie des grid-toy-Repositorys erstellst

1. Navigiere zur Seite des neuen Repositorys. Wenn du auf diesen Link klickst, wird die Vorlage im new2code-Konto vorab ausgewählt.
2. Wähle unter „Owner“ dein Benutzerkonto aus.
3. Gib im Feld „Repository name“ „grid-toy“ ein.
4. Klicke auf Repository erstellen.

2. Vornehmen einer Änderung

Nimm als Nächstes eine Änderung an der JavaScript-Datei vor.

1. Klicke in deinem neuen Repository auf script.js in der Dateiliste.

2. Um die JavaScript-Datei zu bearbeiten, klicke oben rechts auf .

3. Füge in Zeile 25 den folgenden Code hinzu:

   JavaScript

   if (Math.random() < INVERT_PROBABILITY) {
      cell.classes.add("black");
   }
   

   Durch diese Änderung werden einige Rasterquadrate beim Laden der Seite zufällig schwarz. Es gibt einen absichtlichen Fehler, um Feedback von GitHub Copilot auszulösen: Die richtige Eigenschaft ist tatsächlich .classList und nicht .classes. GitHub Copilot sollte uns helfen, dies zu beheben.

4. Um die Änderung zu übernehmen, klicke oben rechts auf Commit changes....

5. Gib im Feld „Commitnachricht“ etwa: „Zufällig Quadrate beim Laden festlegen“ ein.

6. Wählen Sie Erstellen Sie einen neuen Branch für diesen Commit, und starten Sie einen Pull Request aus.

7. Klicke auf Änderungen vorschlagen.

3. Erstellen eines Pull Requests und Anfordern einer Überprüfung

Schließe nun den Pull Request ab, und fordere eine Überprüfung an.

1. Gib einen Titel an und optional eine Beschreibung für deinen Pull Request ein.
2. Klicke auf Reviewers.
   • Wenn Copilot in der vorgeschlagenen Liste angezeigt wird, klicken Sie auf "Copilot".
   • Wenn nicht, beginnen Sie mit der Eingabe von "Copilot", und klicken Sie dann auf das Ergebnis.
3. Klicken Sie auf Pull Request erstellen.

Du wirst zu deinem neuen Pull Request weitergeleitet.

4. Anwenden einer vorgeschlagenen Änderung

Innerhalb weniger Minuten überprüft GitHub Copilot deinen Pull Request, erstellt eine Zusammenfassung und vorgeschlagene Änderungen für alle gefundenen Probleme.

1. Warte, bis die Rezension von GitHub Copilot erscheint.

2. In einem dieser Vorschläge sollte der ursprüngliche Fehler korrigiert werden, indem .classes in .classList geändert wird. Klicke unter der vorgeschlagenen Änderung auf Commit suggestion.

   

3. Klicke auf Änderungen übernehmen.

4. Es ist möglich, dass GitHub Copilot andere Verbesserungen gefunden und zusätzliche Kommentare hinterlassen hat. Wenn du die vorgeschlagenen Änderungen nachvollziehen kannst, kannst du sie ebenfalls anwenden.

5. Zusammenführen

Sobald du mit den Änderungen zufrieden bist, kannst du den Pull Request zusammenführen. Dadurch werden die Änderungen aus Ihrem Branch dem Standard-Branch des Repositorys (main) hinzugefügt.

1. Klicke unten auf der Seite auf Merge pull request.
2. Optional: Aktualisieren Sie die Commit-Nachricht.
3. Klicke auf Confirm merge.

Nächste Schritte

Das Projekt kann mit GitHub Pages veröffentlicht werden. Nachdem du einige Änderungen vorgenommen hast, kannst du eine Version des Repositorys veröffentlichen, um sie in Aktion zu sehen. Weitere Informationen findest du unter Eine Veröffentlichungsquelle für deine GitHub Pages-Website konfigurieren.