Praktischer Einstieg in KI-App-Entwicklung: Codespaces

🚀 GitHub & Codespaces Setup für den AI-Kurs

Schritt-für-Schritt-Anleitung

Damit du auch außerhalb der Präsenztermine optimal weiterlernen kannst, arbeiten wir im Kurs mit GitHub und GitHub Codespaces.
So brauchst du keine lokale Installation auf deinem Notebook – alles läuft direkt im Browser.

In diesem Beitrag zeige ich dir sehr detailliert, wie du:

  • dich bei GitHub anmeldest
  • das Kurs-Repository öffnest
  • eine Codespaces-Umgebung startest
  • dein erstes Python-Programm schreibst
  • und es erfolgreich ausführst

🔧 Voraussetzungen

  • Internetzugang
  • Ein moderner Browser (Chrome, Edge, Firefox oder Safari)
  • Ein kostenloser GitHub-Account

1️⃣ Anmeldung bei GitHub

  1. Öffne die GitHub-Webseite in deinem Browser
  2. Klicke oben rechts auf Sign in
  3. Melde dich mit E-Mail/Benutzername und Passwort an
  4. Bestätige ggf. die Sicherheitsabfrage

✅ Ergebnis:
Du bist eingeloggt und siehst oben rechts dein Profilbild.

📸 Screenshot-Tipp:
„GitHub Startseite nach erfolgreichem Login“

2️⃣ Kurs-Repository öffnen

Wir arbeiten mit folgendem Repository:

r14r/Enrichtment_AI-StarterApp

Variante A: Über die GitHub-Suche

  1. Klicke oben in GitHub auf das Suchfeld
  2. Gib ein: r14r/Enrichtment_AI-StarterApp
  3. Drücke Enter
  4. Wähle Repositories
  5. Klicke auf das passende Ergebnis

Variante B: Direkt per URL

Falls du die URL hast, kannst du sie direkt im Browser öffnen.

📸 Screenshot-Tipp:
„Repository-Startseite mit Dateiliste und Code-Button“

3️⃣ Codespaces starten (Cloud-Entwicklungsumgebung)

Jetzt kommt der wichtigste Schritt.

  1. Klicke im Repository auf den grünen Code-Button
  2. Wechsle zum Tab Codespaces
  3. Klicke auf Create codespace on main

⏳ Beim ersten Start dauert es ein paar Minuten – GitHub richtet alles für dich ein.

✅ Ergebnis:
VS Code öffnet sich direkt im Browser.

📸 Screenshot-Tipps:

  • „Code → Codespaces → Create Codespace“
  • „VS Code Weboberfläche mit Datei-Explorer“

4️⃣ Orientierung in Codespaces (VS Code im Browser)

Du siehst jetzt:

  • Links: Datei-Explorer
  • Mitte: Code-Editor
  • Unten: Terminal (Konsole)

Falls kein Terminal sichtbar ist:

  • Menü Terminal → New Terminal

📸 Screenshot-Tipp:
„VS Code mit geöffnetem Terminal“

5️⃣ Dein erstes Python-Programm erstellen

Neue Datei anlegen

  1. Rechtsklick im Datei-Explorer
  2. New File
  3. Dateiname: hello.py

Code einfügen

print("Hello, Enrichment AI!")
print("Wenn du das liest, läuft Python im Codespace korrekt.")

💾 Datei speichern (Strg+S / Cmd+S)

📸 Screenshot-Tipp:
„hello.py mit Code im Editor“

6️⃣ Python-Programm starten

Im Terminal:

python hello.py

Falls das nicht funktioniert:

python3 hello.py

✅ Erwartete Ausgabe:

Hello, Enrichment AI!
Wenn du das liest, läuft Python im Codespace korrekt.

📸 Screenshot-Tipp:
„Terminal mit erfolgreicher Programmausgabe“

7️⃣ Häufige Probleme

❌ Repository nicht gefunden

  • Schreibweise prüfen
  • Zugriff ggf. noch nicht freigeschaltet

❌ python nicht gefunden

  • python3 hello.py versuchen
  • Ausgabe im Terminal prüfen

❌ Codespace startet nicht

  • Seite neu laden
  • Ab- und wieder anmelden

👉 Bei Problemen bitte Screenshot + Fehlermeldung schicken.

✅ Deine Aufgabe bis zum nächsten Termin

  • GitHub-Login durchführen
  • Repository öffnen
  • Codespace starten
  • hello.py ausführen

Wenn das geklappt hat, bist du perfekt vorbereitet für die nächsten Kursinhalte.

Viel Erfolg und gutes Lernen
Ralph