AI/Codex/Grundlagen: Unterschied zwischen den Versionen

Aus Dokument
Zur Navigation springen Zur Suche springen
Die Seite wurde neu angelegt: „ Dieser Lernplan richtet sich an Programmieranfänger und hilft dabei, die Arbeit mit dem KI-Programmieragenten '''OpenAI Codex''' von Grund auf zu verstehen und in die Praxis umzusetzen. Der Fokus liegt darauf, die Umgebung optimal zu konfigurieren und durch praktische Projektarbeit schnelle Fortschritte zu erzielen. == Kernkonzept == '''Die grundsätzliche Funktion von Codex verstehen und die Arbeitsumgebung vorbereiten.''' === Wichtige Themen === ==…“
 
imported>Import
Version 246
Zeile 2: Zeile 2:
----
----


== Lernziele ==


Dieser Lernplan richtet sich an Programmieranfänger und hilft dabei, die Arbeit mit dem KI-Programmieragenten '''OpenAI Codex''' von Grund auf zu verstehen und in die Praxis umzusetzen. Der Fokus liegt darauf, die Umgebung optimal zu konfigurieren und durch praktische Projektarbeit schnelle Fortschritte zu erzielen.
Nach dem Durcharbeiten dieses Lernpfads wirst du in der Lage sein:


== Kernkonzept ==
* Die grundlegende Funktionsweise des KI-Programmieragenten Codex zu verstehen.
'''Die grundsätzliche Funktion von Codex verstehen und die Arbeitsumgebung vorbereiten.'''
* Codex erfolgreich auf deinem System (z. B. als Linux-App oder über eine VS Code-Erweiterung) zu installieren und einzurichten.
* Deine Arbeitsumgebung sicher und professionell vorzubereiten (z. B. durch das Setzen von Git-Checkpoints).
* Dein erstes Projekt im „Agent Mode“ zu starten und Codex erste produktive Aufgaben (Prompts) zu übergeben.


=== Wichtige Themen ===
== Lektion 1: Was ist Codex? ==


==== 1. Was ist Codex? ====
'''Codex''' ist ein intelligenter KI-Programmieragent, der von OpenAI entwickelt wurde, um dir bei der Softwareentwicklung zu helfen.
Codex ist ein intelligenter KI-Programmieragent, der selbstständig Dateien lesen, verändern und Befehle ausführen kann. Anstatt nur Code-Snippets vorzuschlagen, kann Codex im sogenannten "Agent Mode" aktiv in deinem Arbeitsbereich agieren und deine natürlichsprachlichen Anweisungen in lauffähige Software übersetzen.


==== 2. Installation und Einrichtung ====
Stell dir Codex wie einen sehr schnellen, erfahrenen Programmierpartner vor, der direkt auf deinem Computer oder im Browser “mitdenkt” und arbeitet. Im Gegensatz zu einfachen Chatbots, die dir nur Text als Antwort geben, kann Codex als echter Agent agieren:
Um Codex zu nutzen, gibt es zwei gängige Schnittstellen für den Entwicklungsalltag:
* '''Codex-App:''' Für Betriebssysteme wie Linux kann die eigenständige Codex-Applikation installiert werden.
* '''Codex-IDE-Erweiterungen:''' Nutzer von Editoren wie Visual Studio Code (VS Code) können Codex ganz bequem als integrierte Erweiterung (Extension) installieren.


==== 3. Einrichten des Arbeitsbereichs & Best Practices ====
* '''Dateien lesen:''' Er kann sich deinen bestehenden Code (die sogenannte “Codebase”) ansehen und verstehen.
Ein sicherer Workflow ist bei der Arbeit mit Agenten essenziell:
* '''Dateien verändern:''' Er kann neuen Code direkt in deine Dateien schreiben oder Fehler korrigieren.
* '''Git-Checkpoints erstellen:''' Bevor du Codex eine Aufgabe übergibst, solltest du deinen aktuellen Code mit Git speichern (Commit). Da ein Agent selbstständig Änderungen vornimmt, kannst du so bei Fehlern oder unerwünschten Ergebnissen jederzeit zum alten Zustand zurückkehren.
* '''Befehle ausführen:''' Codex kann eigenständig Programme in deiner Kommandozeile (dem Terminal) ausführen, um z. B. Installationen vorzunehmen oder Tests zu starten.
* '''Isolierte Projekte:''' Erstelle für jedes Projekt einen eigenen Ordner, damit Codex übersichtlich arbeiten kann.


==== 4. Ziel: Der „Agent Mode“ und der erste Prompt ====
Für Programmieranfänger ist dies ein riesiger Vorteil: Du erklärst Codex in ganz normaler, verständlicher Sprache, was du bauen möchtest, und Codex übersetzt deine Ideen in funktionierenden Code.
* Erstelle ein erstes, simples Projektverzeichnis.
* Starte deinen Editor und wechsle in den '''„Agent Mode“''' von Codex.
* Formuliere deinen ersten Prompt, beispielsweise: ''„Lies die Dateien in diesem Ordner und erkläre mir dieses Projekt.“'' So lernst du, wie die KI den Kontext deines Systems erfasst.


== Projektbasiertes Lernen: 5 Mini-Projekte ==
== Lektion 2: Installation von Codex ==
Diese fünf Mini-Projekte bieten einen schnellen Praxisbezug und helfen dir, die Theorie sofort auszuprobieren.


=== Mini-Projekt 1: "Hello Agent" ===
Damit Codex an deinen Dateien arbeiten kann, musst du ihn in deine Entwicklungsumgebung integrieren. Es gibt zwei empfohlene Wege für den Einstieg:
* '''Ziel:''' Kommunikation mit dem Agenten aufbauen.
* '''Aufgabe:''' Bitte Codex über den Agent Mode, ein Skript (z.B. Python) zu erstellen, das dich nach deinem Namen fragt und dich auf der Konsole begrüßt.
* '''Lektion:''' Verständnis dafür, wie aus einem Prompt eine lauffähige Datei generiert wird.


=== Mini-Projekt 2: Einfacher Taschenrechner ===
=== Option A: Die Codex-App (z. B. für Linux) ===
* '''Ziel:''' Code iterativ erweitern.
* '''Aufgabe:''' Codex beauftragen, eine kleine Anwendung zur Addition von zwei Zahlen zu schreiben. In einem zweiten Prompt bittest du ihn, auch Subtraktion und Multiplikation hinzuzufügen.
* '''Lektion:''' Schrittweise Entwicklung und Anpassung von bestehendem Code durch Folgeanweisungen.


=== Mini-Projekt 3: Der Datei-Erkunder ===
OpenAI bietet mittlerweile eigenständige Codex-Desktop-Anwendungen an.
* '''Ziel:''' Codex' Fähigkeiten zum Dateizugriff testen.
* '''Aufgabe:''' Lasse Codex ein Skript schreiben, das alle `.txt`-Dateien in deinem Arbeitsordner auflistet und die Namen in einer neuen Datei namens `ergebnis.log` speichert.
* '''Lektion:''' Erleben, dass Codex nicht nur Code schreibt, sondern auch Dateisystemoperationen umsetzen und anwenden kann.


=== Mini-Projekt 4: Zeitreise mit Git ===
# Lade dir die passende Codex-App für dein Betriebssystem (Linux, macOS oder Windows) von der offiziellen Website herunter.
* '''Ziel:''' Das Sicherheitsnetz in der Praxis testen.
# Installiere die App wie jedes andere Programm.
* '''Aufgabe:''' Schreibe ein funktionierendes Skript und committe es mit Git. Bitte nun Codex mit einem absichtlich schlechten Prompt um eine Änderung, die den Code „zerstört“. Nutze danach Git, um alles wiederherzustellen.
# Starte die App und melde dich mit deinem ChatGPT-Account oder einem OpenAI API-Schlüssel an.
* '''Lektion:''' Das absolute Basis-Wissen für die Arbeit mit Agenten: Checkpoints vorher, Rollbacks bei Fehlern.


=== Mini-Projekt 5: Der Code-Fixer ===
=== Option B: Codex-IDE-Erweiterungen (z. B. für Visual Studio Code) ===
* '''Ziel:''' Die Debugging-Fähigkeiten der KI nutzen.
* '''Aufgabe:''' Lege eine Programmdatei mit kleinen Syntaxfehlern an (z.B. eine fehlende Klammer). Gib Codex den Befehl: ''„Finde die Fehler in dieser Datei und repariere sie.“''
* '''Lektion:''' Codex liest nicht nur korrekt, sondern kann auch deinen Code analysieren, bewerten und reparieren.


== Top-Down-Lernen: 1 großes Projekt ==
Wenn du bereits einen Editor wie Visual Studio Code (VS Code) oder Cursor verwendest, ist die Integration nahtlos:


=== Das große Projekt: Ein Text-basierter To-Do-Manager ===
# Öffne VS Code.
In diesem Projekt fügst du alle Konzepte zusammen und erschaffst eine App, bei der Codex als Co-Pilot die meiste Programmierarbeit übernimmt.
# Gehe am linken Rand auf das Symbol für “Erweiterungen” (Extensions).
# Suche nach der offiziellen ChatGPT/Codex-Erweiterung von OpenAI und klicke auf “Installieren”.
# Nach der Installation findest du das Codex-Symbol in der Seitenleiste. Klicke darauf und melde dich dort an.


* '''Schritt 1 (Git-Setup):''' Den Arbeitsbereich einrichten und initialisieren (''Best Practice: Git Init'').
== Lektion 3: Einrichten des Arbeitsbereichs und Best Practices ==
* '''Schritt 2 (Architektur durch die KI):''' Bitte Codex darum, ein Tool für die Kommandozeile zu erstellen, mit dem man Aufgaben hinzufügen, auflisten und als erledigt markieren kann. (Die Daten sollen in einer Datei z. B. als JSON oder Textliste gespeichert werden).
* '''Schritt 3 (Modellierung und Überprüfung):''' Lass die Applikation laufen. Wenn es Warnungen gibt, nutze Codex zum Troubleshooting (''Finde den Fehler'').
* '''Schritt 4 (Reflexion):''' Sobald alles funktioniert, nutze den Prompt aus den Zielen: ''„Erkläre mir dieses Projekt im Detail, wie die To-Dos gespeichert werden und wie die Hauptschleife funktioniert.“''
* '''Schritt 5 (Sicherheit):''' Nach dem erfolgreichen Projektabschluss einen finalen Git-Checkpoint sichern.


Mit diesem großen Projekt hast du den gesamten Arbeitszyklus eines modernen KI-Programmierer-Workflows kennengelernt: Einrichtung, Checkpoints, Prompting, Dateimanipulation, Ausführung und Dokumentation!
Bevor Codex für dich programmiert, ist es enorm wichtig, die Umgebung sicher aufzubauen. Da Codex selbstständig Code löschen oder verändern kann, nutzen wir ein sogenanntes Versionskontrollsystem namens '''Git'''.
 
=== Der Agent Mode ===
 
Codex startet standardmäßig im sogenannten '''„Agent Mode“'''. In diesem Modus darf Codex eigenmächtig in deinen Dateien lesen, schreiben und Kommandos ausführen, wenn er es zur Lösung deiner Aufgabe für nötig hält.
 
=== Best Practice: Git-Checkpoints erstellen ===
 
Damit du nie Arbeitsfortschritte verlierst, speicherst du deinen Code, bevor Codex ihn verändert. Diese “Speicherpunkte” nennt man Commits in Git.
 
# Öffne deinen Projektordner im Terminal oder in VS Code.
# Führe `git init` aus, falls noch kein Git-Repository existiert.
# Bevor du einen Prompt an Codex schickst, speichere den aktuellen Stand:
#* `git add .` (Fügt alle Änderungen hinzu)
#* `git commit -m “Stand vor Codex Änderung”` (Setzt den Checkpoint)
# Wenn Codex einen Fehler macht oder das Ergebnis nicht gefällt, kannst du mit Git ganz einfach zum alten Speicherpunkt zurückspringen.
 
== Lektion 4: Ziel - Das erste Projekt und der erste Prompt ==
 
Nun ist alles bereit für deinen ersten Arbeitsauftrag (Prompt) an Codex!
 
# Erstelle einen neuen, leeren Ordner auf deinem Computer und nenne ihn `mein-erstes-projekt`.
# Öffne diesen Ordner in VS Code oder in der Codex-App.
# Erstelle eine einfache, leere Datei darin, z. B. `index.html`.
# Setze deinen ersten Git-Checkpoint (siehe Lektion 3).
# Gehe in das Codex-Chatfenster, stelle sicher, dass der Agent Mode aktiv ist, und gib deinen ersten Prompt ein:
 
'''Beispiel-Prompt:''' > ''“Erkläre mir dieses Projekt (es ist aktuell noch fast leer). Generiere dann bitte eine einfache, farbenfrohe „Hallo Welt“-Webseite in der index.html Datei.”''
 
Beobachte nun, wie Codex analysiert, dass das Projekt neu ist, und wie er anschließend die Datei selbstständig bearbeitet und dir das Ergebnis erklärt.
 
== Übungen ==
 
Um das Kernkonzept zu festigen, bearbeite diese drei Übungen:
 
# '''Installation überprüfen:''' Teste, ob du das Codex-Panel in VS Code öffnen und dich erfolgreich anmelden kannst.
# '''Git-Routine trainieren:''' Lege drei Textdateien an. Setze einen Git-Checkpoint, lösche danach eine Datei von Hand, und recherchiere (oder frage Codex), wie du die gelöschte Datei über Git wiederherstellen kannst.
# '''Der Erklär-Bär:''' Lade dir ein kleines, unbekanntes Code-Beispiel aus dem Internet herunter (z.B. ein kurzes Python-Skript) und bitte Codex mit dem Prompt: ''„Bitte erkläre mir dieses Skript Zeile für Zeile so, als wäre ich 10 Jahre alt.“''
 
 
-----
 
== Praxisbezug ==
 
Um Programmierung schnell und praxisnah zu erlernen, kombinieren wir zwei Lernstrategien:
 
* '''Projektbasiertes Lernen''' (viele kleine, schnelle Erfolgserlebnisse) und
* '''Top-Down-Lernen''' (das große Ganze verstehen und dann in Details abtauchen).
 
Hier sind insgesamt 75 Projektideen, die du gemeinsam mit Codex bearbeiten kannst. Lass Codex den Code schreiben, aber bitte ihn stets um Erklärungen!
 
=== Projektbasiertes Lernen: 50 Mini-Projekte ===
 
Diese Aufgaben sind klein und in 10 bis 30 Minuten lösbar. Sie eignen sich perfekt, um den Umgang mit Prompts zu üben und den Arbeitsfluss mit Codex zu trainieren.
 
# '''Hallo-Welt-Webseite:''' Erstelle eine einfache Webseite, die zentriert “Hallo Welt” anzeigt.
# '''Zufallszahlengenerator:''' Ein Programm, das auf Knopfdruck eine Zahl zwischen 1 und 10 ausgibt.
# '''Passwort-Generator:''' Generiert zufällige, sichere Passwörter mit Sonderzeichen.
# '''Einfacher Taschenrechner:''' Ein Konsolen-Programm für Plus, Minus, Mal und Geteilt.
# '''Einheitenumrechner:''' Rechnet Celsius in Fahrenheit um.
# '''To-Do-Liste im Terminal:''' Erlaube das Hinzufügen und Anzeigen von Aufgaben.
# '''Countdown-Timer:''' Zählt von z.B. 10 Sekunden herunter bis null und piept dann.
# '''Würfelsimulator:''' Simuliert das Werfen eines sechsseitigen Würfels.
# '''Farb-Hex-Code-Generator:''' Gibt zufällige HTML-Farbcodes (z. B. #FF5500) aus.
# '''Wortzähler:''' Ein Tool, das zählt, wie viele Wörter ein eingegebener Text hat.
# '''Vokal-Zähler:''' Zählt alle A, E, I, O, U in einem Satz.
# '''Palindrom-Prüfer:''' Prüft, ob ein Wort (wie “Lagerregal”) vorwärts und rückwärts gleich ist.
# '''Quiz-Spiel (Konsole):''' 3 Multiple-Choice-Fragen mit Punktewertung.
# '''BMI-Rechner:''' Berechnet den Body-Mass-Index anhand von Größe und Gewicht.
# '''Schere-Stein-Papier:''' Spiele gegen den Computer in der Konsole.
# '''Währungsumrechner:''' Rechnet Euro in Dollar mit einem festen Kurs um.
# '''Datum & Uhrzeit:''' Ein Skript, das dir das aktuelle Datum hübsch formatiert anzeigt.
# '''Digitales Adressbuch:''' Speichert Namen und Telefonnummern für eine laufende Sitzung.
# '''Morsecode-Übersetzer:''' Übersetzt normalen Text in Morsezeichen.
# '''Text umkehren:''' Dreht die Buchstaben eines Wortes um (aus “Baum” wird “muaB”).
# '''Schaltjahr-Prüfer:''' Sagt dir, ob ein eingegebenes Jahr ein Schaltjahr ist.
# '''Primzahl-Prüfer:''' Überprüft, ob eine Zahl eine Primzahl ist.
# '''ASCII-Art Generator:''' Malt kleine Formen (wie Dreiecke) aus Sternchen (`*`) ins Terminal.
# '''Zitat des Tages:''' Speichert 5 Zitate im Code und gibt bei jedem Start ein zufälliges aus.
# '''Stoppuhr:''' Ein Programm, das beim Start beginnt zu zählen und bei Tastendruck stoppt.
# '''Trinkgeld-Rechner:''' Berechnet, wie hoch z. B. 15% Trinkgeld für eine Restaurantrechnung sind.
# '''Lottozahlen-Generator:''' Zieht 6 zufällige Zahlen aus 49.
# '''Römische Zahlen:''' Konvertiert z. B. “5” in “V”.
# '''Caesar-Verschlüsselung:''' Verschiebt Buchstaben geheim im Alphabet (z.B. A wird B).
# '''Dateigrößen-Umrechner:''' Rechnet Bytes in Megabytes um.
# '''Altersrechner:''' Berechnet das genaue jetzige Alter aus einem Geburtsjahrgang.
# '''Namensgenerator:''' Kombiniert Vor- und Nachnamen aus zwei Listen zufällig.
# '''Mini-Ladebalken:''' Simuliert im Terminal einen Ladebalken, der sich füllt.
# '''Datei-Leser:''' Ein Skript, das den Text einer lokalen `.txt` Datei im Terminal ausgibt.
# '''Noten-Rechner:''' Berechnet den Durchschnitt von 5 eingegebenen Schulnoten.
# '''IP-Validierer:''' Sagt dir, ob z.B. “192.168.0.1” eine gültige IP-Adresse ist.
# '''Text in Großbuchstaben:''' Ein HTML-Feld, das jede Eingabe direkt in GROSSBUCHSTABEN verwandelt.
# '''Passwort-Stärke-Prüfer:''' Prüft, ob ein Passwort lang genug ist.
# '''Email-Validierer:''' Prüft, ob in einer E-Mail ein “@” Zeichen vorhanden ist.
# '''Münzwurf-Simulator:''' Gibt “Kopf” oder “Zahl” aus.
# '''Gerade oder Ungerade:''' Sagt dir, ob eine Zahl durch 2 teilbar ist.
# '''Fakultäts-Rechner:''' Berechnet die mathematische Fakultät (z.B. 5! = 120).
# '''Steuer-Rechner:''' Addiert automatisch 19% Mehrwertsteuer auf einen Netto-Betrag.
# '''Begrüßungs-Bot:''' Fragt nach deinem Namen und gibt basierend auf der Uhrzeit (Morgen/Abend) eine Grußformel aus.
# '''Verzeichnis-Anzeiger:''' Listet alle Dateien auf, die in deinem Projektordner liegen.
# '''Einfacher Wecker:''' Erwartet eine Uhrzeitangabe und schreibt dann “Ring Ring!” in die Konsole.
# '''Text zensieren:''' Tauscht Schimpfwörter in einem Text gegen Sternchen aus.
# '''Zeilen im Text zählen:''' Gibt aus, wie viele Zeilen ein langes Dokument hat.
# '''Temperatur-Tabelle:''' Druckt eine schöne Tabelle für Celsius vs. Fahrenheit für die Werte 0 bis 100 aus.
# '''Visitenkarte (HTML):''' Eine kleine, hübsch gestaltete HTML/CSS Visitenkarte mit deinem Namen.
 
=== Top-Down-Lernen: 25 Große Projekte ===
 
Bei diesen Projekten startest du mit der großen Vision einer kompletten Anwendung. Codex hilft dir, diese Applikationen Schritt für Schritt (von oben nach unten) aufzubauen. Du lernst nicht nur das Programmieren, sondern auch Datei-Architektur, Abhängigkeiten und Design-Patterns.
 
# '''Fullstack To-Do-Web-App:''' Mit Datenbank (z.B. SQLite) und Frontend, um Aufgaben dauerhaft zu speichern.
# '''Persönliches Blog-System:''' Ein System, um Artikel im Markdown-Format hochzuladen, die dann als echte Webseite gerendert werden.
# '''Echtzeit Chat-Anwendung:''' Nutze WebSockets, damit zwei Personen in unterschiedlichen Browserfenstern miteinander schreiben können.
# '''Wetter-Dashboard:''' Hole echte Wetterdaten über eine externe API (z.B. OpenWeatherMap) und stelle sie mit hübschen Grafiken dar.
# '''E-Commerce Warenkorb:''' Eine Produktübersicht (Frontend) inklusive der Logik, Produkte in einen Warenkorb zu legen und Preise zu berechnen.
# '''Passwort-Manager App:''' Eine sichere Desktop- oder Kommandozeilen-Anwendung, die Passwörter verschlüsselt auf der Festplatte speichert.
# '''Kanban-Board (wie Trello):''' Ein Web-Ansatz mit Drag-and-Drop, um Karten (Aufgaben) in Spalten wie “To-Do”, “Doing” und “Done” zu ziehen.
# '''Workout-Tracker:''' Eine App, um sein Training, Sätze und Wiederholungen inklusive eines Kalenders festzuhalten.
# '''Finanz- und Ausgaben-Manager:''' Kategorisiere deine Ausgaben. Die App soll am Monatsende übersichtliche Kuchen-Diagramme zeichnen.
# '''Automatisches Datei-Aufräum-Tool:''' Ein Skript, dem du deinen Download-Ordner gibst und das alle Bilder in “Bilder”, alle PDFs in “Dokumente” etc. wegsortiert.
# '''RESTful API für eine Bibliothek:''' Erstelle einen Web-Server, an den man Daten senden kann, um Bücher aus einer Datenbank ein- und auszutragen.
# '''Mini-Social-Media-Feed:''' Nutzer können kurze Text-Posts absetzen, Kommentare schreiben und den Beitrag “liken”.
# '''Markdown zu HTML Konverter (Webbasiert):''' Ein Editorfenster wie in Notion, wo du links schreibst und rechts live die formatierte Seite siehst.
# '''Rezept-Plattform:''' Füge Zutaten hinzu und lasse dir aus den gespeicherten Rezepten vorschlagen, was du heute kochen kannst.
# '''Netzwerk-Tic-Tac-Toe:''' Eine Version des Spiels, die man über zwei verschiedene Rechner im gleichen WLAN spielen kann.
# '''URL-Shortener (wie bit.ly):''' Ein Service, aus langen URLs kurze Links generiert und alle Klicks darauf in einer Datenbank zählt.
# '''Automatisches System-Backup-Skript:''' Ein fortgeschrittenes Programm, das jede Nacht wichtige Ordner als ZIP-Datei komprimiert und das Datum an den Namen hängt.
# '''PDF-Rechnungsgenerator:''' Ein Tool, das Produktdaten und Kundennamen aus einer CSV-Tabelle liest und daraus hübsch formatierte PDF-Rechnungen gießt.
# '''Lokaler Musik-Player:''' Eine App mit Benutzeroberfläche zum Abspielen lokaler MP3-Dateien inklusive Playlisten-Funktion.
# '''Börsen-Ticker:''' Anzeige von Live-Aktienkursen in einem sich automatisch aktualisierenden Web-Dashboard.
# '''Minimaler E-Mail-Client:''' Ein Terminal-Programm, mit dem man sich zu einem SMTP/IMAP-Server verbindet, um Mails zu lesen und zu schreiben.
# '''Multiplayer-Quiz-Plattform:''' Mit Registrierung/Login. Zwei Spieler müssen zeitgleich Antworten auswählen, am Ende gibt es einen Highscore.
# '''Cloud-Notiz-Sync-Tool:''' Ein Programm, das im Hintergrund läuft und Textdateien automatisch auf einen anderen Server kopiert, sobald sie gespeichert werden.
# '''CLI Bulk-Renamer:''' Ein mächtiges Kommandozeilenprogramm, um tausende Dateien auf einmal nach bestimmten Mustern umzubenennen (z.B. alle Vorsilben löschen).
# '''Interaktives Text-Adventure-Spiel:''' Ein extrem großes Terminal-Spiel mit verschiedenen Räumen, Items (Inventar), Monstern und Speicherfunktion in einer externen Datei.


----
----
''Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).''
''Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).''

Version vom 5. März 2026, 04:30 Uhr

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).


Lernziele

Nach dem Durcharbeiten dieses Lernpfads wirst du in der Lage sein:

  • Die grundlegende Funktionsweise des KI-Programmieragenten Codex zu verstehen.
  • Codex erfolgreich auf deinem System (z. B. als Linux-App oder über eine VS Code-Erweiterung) zu installieren und einzurichten.
  • Deine Arbeitsumgebung sicher und professionell vorzubereiten (z. B. durch das Setzen von Git-Checkpoints).
  • Dein erstes Projekt im „Agent Mode“ zu starten und Codex erste produktive Aufgaben (Prompts) zu übergeben.

Lektion 1: Was ist Codex?

Codex ist ein intelligenter KI-Programmieragent, der von OpenAI entwickelt wurde, um dir bei der Softwareentwicklung zu helfen.

Stell dir Codex wie einen sehr schnellen, erfahrenen Programmierpartner vor, der direkt auf deinem Computer oder im Browser “mitdenkt” und arbeitet. Im Gegensatz zu einfachen Chatbots, die dir nur Text als Antwort geben, kann Codex als echter Agent agieren:

  • Dateien lesen: Er kann sich deinen bestehenden Code (die sogenannte “Codebase”) ansehen und verstehen.
  • Dateien verändern: Er kann neuen Code direkt in deine Dateien schreiben oder Fehler korrigieren.
  • Befehle ausführen: Codex kann eigenständig Programme in deiner Kommandozeile (dem Terminal) ausführen, um z. B. Installationen vorzunehmen oder Tests zu starten.

Für Programmieranfänger ist dies ein riesiger Vorteil: Du erklärst Codex in ganz normaler, verständlicher Sprache, was du bauen möchtest, und Codex übersetzt deine Ideen in funktionierenden Code.

Lektion 2: Installation von Codex

Damit Codex an deinen Dateien arbeiten kann, musst du ihn in deine Entwicklungsumgebung integrieren. Es gibt zwei empfohlene Wege für den Einstieg:

Option A: Die Codex-App (z. B. für Linux)

OpenAI bietet mittlerweile eigenständige Codex-Desktop-Anwendungen an.

  1. Lade dir die passende Codex-App für dein Betriebssystem (Linux, macOS oder Windows) von der offiziellen Website herunter.
  2. Installiere die App wie jedes andere Programm.
  3. Starte die App und melde dich mit deinem ChatGPT-Account oder einem OpenAI API-Schlüssel an.

Option B: Codex-IDE-Erweiterungen (z. B. für Visual Studio Code)

Wenn du bereits einen Editor wie Visual Studio Code (VS Code) oder Cursor verwendest, ist die Integration nahtlos:

  1. Öffne VS Code.
  2. Gehe am linken Rand auf das Symbol für “Erweiterungen” (Extensions).
  3. Suche nach der offiziellen ChatGPT/Codex-Erweiterung von OpenAI und klicke auf “Installieren”.
  4. Nach der Installation findest du das Codex-Symbol in der Seitenleiste. Klicke darauf und melde dich dort an.

Lektion 3: Einrichten des Arbeitsbereichs und Best Practices

Bevor Codex für dich programmiert, ist es enorm wichtig, die Umgebung sicher aufzubauen. Da Codex selbstständig Code löschen oder verändern kann, nutzen wir ein sogenanntes Versionskontrollsystem namens Git.

Der Agent Mode

Codex startet standardmäßig im sogenannten „Agent Mode“. In diesem Modus darf Codex eigenmächtig in deinen Dateien lesen, schreiben und Kommandos ausführen, wenn er es zur Lösung deiner Aufgabe für nötig hält.

Best Practice: Git-Checkpoints erstellen

Damit du nie Arbeitsfortschritte verlierst, speicherst du deinen Code, bevor Codex ihn verändert. Diese “Speicherpunkte” nennt man Commits in Git.

  1. Öffne deinen Projektordner im Terminal oder in VS Code.
  2. Führe `git init` aus, falls noch kein Git-Repository existiert.
  3. Bevor du einen Prompt an Codex schickst, speichere den aktuellen Stand:
    • `git add .` (Fügt alle Änderungen hinzu)
    • `git commit -m “Stand vor Codex Änderung”` (Setzt den Checkpoint)
  4. Wenn Codex einen Fehler macht oder das Ergebnis nicht gefällt, kannst du mit Git ganz einfach zum alten Speicherpunkt zurückspringen.

Lektion 4: Ziel - Das erste Projekt und der erste Prompt

Nun ist alles bereit für deinen ersten Arbeitsauftrag (Prompt) an Codex!

  1. Erstelle einen neuen, leeren Ordner auf deinem Computer und nenne ihn `mein-erstes-projekt`.
  2. Öffne diesen Ordner in VS Code oder in der Codex-App.
  3. Erstelle eine einfache, leere Datei darin, z. B. `index.html`.
  4. Setze deinen ersten Git-Checkpoint (siehe Lektion 3).
  5. Gehe in das Codex-Chatfenster, stelle sicher, dass der Agent Mode aktiv ist, und gib deinen ersten Prompt ein:

Beispiel-Prompt: > “Erkläre mir dieses Projekt (es ist aktuell noch fast leer). Generiere dann bitte eine einfache, farbenfrohe „Hallo Welt“-Webseite in der index.html Datei.”

Beobachte nun, wie Codex analysiert, dass das Projekt neu ist, und wie er anschließend die Datei selbstständig bearbeitet und dir das Ergebnis erklärt.

Übungen

Um das Kernkonzept zu festigen, bearbeite diese drei Übungen:

  1. Installation überprüfen: Teste, ob du das Codex-Panel in VS Code öffnen und dich erfolgreich anmelden kannst.
  2. Git-Routine trainieren: Lege drei Textdateien an. Setze einen Git-Checkpoint, lösche danach eine Datei von Hand, und recherchiere (oder frage Codex), wie du die gelöschte Datei über Git wiederherstellen kannst.
  3. Der Erklär-Bär: Lade dir ein kleines, unbekanntes Code-Beispiel aus dem Internet herunter (z.B. ein kurzes Python-Skript) und bitte Codex mit dem Prompt: „Bitte erkläre mir dieses Skript Zeile für Zeile so, als wäre ich 10 Jahre alt.“



Praxisbezug

Um Programmierung schnell und praxisnah zu erlernen, kombinieren wir zwei Lernstrategien:

  • Projektbasiertes Lernen (viele kleine, schnelle Erfolgserlebnisse) und
  • Top-Down-Lernen (das große Ganze verstehen und dann in Details abtauchen).

Hier sind insgesamt 75 Projektideen, die du gemeinsam mit Codex bearbeiten kannst. Lass Codex den Code schreiben, aber bitte ihn stets um Erklärungen!

Projektbasiertes Lernen: 50 Mini-Projekte

Diese Aufgaben sind klein und in 10 bis 30 Minuten lösbar. Sie eignen sich perfekt, um den Umgang mit Prompts zu üben und den Arbeitsfluss mit Codex zu trainieren.

  1. Hallo-Welt-Webseite: Erstelle eine einfache Webseite, die zentriert “Hallo Welt” anzeigt.
  2. Zufallszahlengenerator: Ein Programm, das auf Knopfdruck eine Zahl zwischen 1 und 10 ausgibt.
  3. Passwort-Generator: Generiert zufällige, sichere Passwörter mit Sonderzeichen.
  4. Einfacher Taschenrechner: Ein Konsolen-Programm für Plus, Minus, Mal und Geteilt.
  5. Einheitenumrechner: Rechnet Celsius in Fahrenheit um.
  6. To-Do-Liste im Terminal: Erlaube das Hinzufügen und Anzeigen von Aufgaben.
  7. Countdown-Timer: Zählt von z.B. 10 Sekunden herunter bis null und piept dann.
  8. Würfelsimulator: Simuliert das Werfen eines sechsseitigen Würfels.
  9. Farb-Hex-Code-Generator: Gibt zufällige HTML-Farbcodes (z. B. #FF5500) aus.
  10. Wortzähler: Ein Tool, das zählt, wie viele Wörter ein eingegebener Text hat.
  11. Vokal-Zähler: Zählt alle A, E, I, O, U in einem Satz.
  12. Palindrom-Prüfer: Prüft, ob ein Wort (wie “Lagerregal”) vorwärts und rückwärts gleich ist.
  13. Quiz-Spiel (Konsole): 3 Multiple-Choice-Fragen mit Punktewertung.
  14. BMI-Rechner: Berechnet den Body-Mass-Index anhand von Größe und Gewicht.
  15. Schere-Stein-Papier: Spiele gegen den Computer in der Konsole.
  16. Währungsumrechner: Rechnet Euro in Dollar mit einem festen Kurs um.
  17. Datum & Uhrzeit: Ein Skript, das dir das aktuelle Datum hübsch formatiert anzeigt.
  18. Digitales Adressbuch: Speichert Namen und Telefonnummern für eine laufende Sitzung.
  19. Morsecode-Übersetzer: Übersetzt normalen Text in Morsezeichen.
  20. Text umkehren: Dreht die Buchstaben eines Wortes um (aus “Baum” wird “muaB”).
  21. Schaltjahr-Prüfer: Sagt dir, ob ein eingegebenes Jahr ein Schaltjahr ist.
  22. Primzahl-Prüfer: Überprüft, ob eine Zahl eine Primzahl ist.
  23. ASCII-Art Generator: Malt kleine Formen (wie Dreiecke) aus Sternchen (`*`) ins Terminal.
  24. Zitat des Tages: Speichert 5 Zitate im Code und gibt bei jedem Start ein zufälliges aus.
  25. Stoppuhr: Ein Programm, das beim Start beginnt zu zählen und bei Tastendruck stoppt.
  26. Trinkgeld-Rechner: Berechnet, wie hoch z. B. 15% Trinkgeld für eine Restaurantrechnung sind.
  27. Lottozahlen-Generator: Zieht 6 zufällige Zahlen aus 49.
  28. Römische Zahlen: Konvertiert z. B. “5” in “V”.
  29. Caesar-Verschlüsselung: Verschiebt Buchstaben geheim im Alphabet (z.B. A wird B).
  30. Dateigrößen-Umrechner: Rechnet Bytes in Megabytes um.
  31. Altersrechner: Berechnet das genaue jetzige Alter aus einem Geburtsjahrgang.
  32. Namensgenerator: Kombiniert Vor- und Nachnamen aus zwei Listen zufällig.
  33. Mini-Ladebalken: Simuliert im Terminal einen Ladebalken, der sich füllt.
  34. Datei-Leser: Ein Skript, das den Text einer lokalen `.txt` Datei im Terminal ausgibt.
  35. Noten-Rechner: Berechnet den Durchschnitt von 5 eingegebenen Schulnoten.
  36. IP-Validierer: Sagt dir, ob z.B. “192.168.0.1” eine gültige IP-Adresse ist.
  37. Text in Großbuchstaben: Ein HTML-Feld, das jede Eingabe direkt in GROSSBUCHSTABEN verwandelt.
  38. Passwort-Stärke-Prüfer: Prüft, ob ein Passwort lang genug ist.
  39. Email-Validierer: Prüft, ob in einer E-Mail ein “@” Zeichen vorhanden ist.
  40. Münzwurf-Simulator: Gibt “Kopf” oder “Zahl” aus.
  41. Gerade oder Ungerade: Sagt dir, ob eine Zahl durch 2 teilbar ist.
  42. Fakultäts-Rechner: Berechnet die mathematische Fakultät (z.B. 5! = 120).
  43. Steuer-Rechner: Addiert automatisch 19% Mehrwertsteuer auf einen Netto-Betrag.
  44. Begrüßungs-Bot: Fragt nach deinem Namen und gibt basierend auf der Uhrzeit (Morgen/Abend) eine Grußformel aus.
  45. Verzeichnis-Anzeiger: Listet alle Dateien auf, die in deinem Projektordner liegen.
  46. Einfacher Wecker: Erwartet eine Uhrzeitangabe und schreibt dann “Ring Ring!” in die Konsole.
  47. Text zensieren: Tauscht Schimpfwörter in einem Text gegen Sternchen aus.
  48. Zeilen im Text zählen: Gibt aus, wie viele Zeilen ein langes Dokument hat.
  49. Temperatur-Tabelle: Druckt eine schöne Tabelle für Celsius vs. Fahrenheit für die Werte 0 bis 100 aus.
  50. Visitenkarte (HTML): Eine kleine, hübsch gestaltete HTML/CSS Visitenkarte mit deinem Namen.

Top-Down-Lernen: 25 Große Projekte

Bei diesen Projekten startest du mit der großen Vision einer kompletten Anwendung. Codex hilft dir, diese Applikationen Schritt für Schritt (von oben nach unten) aufzubauen. Du lernst nicht nur das Programmieren, sondern auch Datei-Architektur, Abhängigkeiten und Design-Patterns.

  1. Fullstack To-Do-Web-App: Mit Datenbank (z.B. SQLite) und Frontend, um Aufgaben dauerhaft zu speichern.
  2. Persönliches Blog-System: Ein System, um Artikel im Markdown-Format hochzuladen, die dann als echte Webseite gerendert werden.
  3. Echtzeit Chat-Anwendung: Nutze WebSockets, damit zwei Personen in unterschiedlichen Browserfenstern miteinander schreiben können.
  4. Wetter-Dashboard: Hole echte Wetterdaten über eine externe API (z.B. OpenWeatherMap) und stelle sie mit hübschen Grafiken dar.
  5. E-Commerce Warenkorb: Eine Produktübersicht (Frontend) inklusive der Logik, Produkte in einen Warenkorb zu legen und Preise zu berechnen.
  6. Passwort-Manager App: Eine sichere Desktop- oder Kommandozeilen-Anwendung, die Passwörter verschlüsselt auf der Festplatte speichert.
  7. Kanban-Board (wie Trello): Ein Web-Ansatz mit Drag-and-Drop, um Karten (Aufgaben) in Spalten wie “To-Do”, “Doing” und “Done” zu ziehen.
  8. Workout-Tracker: Eine App, um sein Training, Sätze und Wiederholungen inklusive eines Kalenders festzuhalten.
  9. Finanz- und Ausgaben-Manager: Kategorisiere deine Ausgaben. Die App soll am Monatsende übersichtliche Kuchen-Diagramme zeichnen.
  10. Automatisches Datei-Aufräum-Tool: Ein Skript, dem du deinen Download-Ordner gibst und das alle Bilder in “Bilder”, alle PDFs in “Dokumente” etc. wegsortiert.
  11. RESTful API für eine Bibliothek: Erstelle einen Web-Server, an den man Daten senden kann, um Bücher aus einer Datenbank ein- und auszutragen.
  12. Mini-Social-Media-Feed: Nutzer können kurze Text-Posts absetzen, Kommentare schreiben und den Beitrag “liken”.
  13. Markdown zu HTML Konverter (Webbasiert): Ein Editorfenster wie in Notion, wo du links schreibst und rechts live die formatierte Seite siehst.
  14. Rezept-Plattform: Füge Zutaten hinzu und lasse dir aus den gespeicherten Rezepten vorschlagen, was du heute kochen kannst.
  15. Netzwerk-Tic-Tac-Toe: Eine Version des Spiels, die man über zwei verschiedene Rechner im gleichen WLAN spielen kann.
  16. URL-Shortener (wie bit.ly): Ein Service, aus langen URLs kurze Links generiert und alle Klicks darauf in einer Datenbank zählt.
  17. Automatisches System-Backup-Skript: Ein fortgeschrittenes Programm, das jede Nacht wichtige Ordner als ZIP-Datei komprimiert und das Datum an den Namen hängt.
  18. PDF-Rechnungsgenerator: Ein Tool, das Produktdaten und Kundennamen aus einer CSV-Tabelle liest und daraus hübsch formatierte PDF-Rechnungen gießt.
  19. Lokaler Musik-Player: Eine App mit Benutzeroberfläche zum Abspielen lokaler MP3-Dateien inklusive Playlisten-Funktion.
  20. Börsen-Ticker: Anzeige von Live-Aktienkursen in einem sich automatisch aktualisierenden Web-Dashboard.
  21. Minimaler E-Mail-Client: Ein Terminal-Programm, mit dem man sich zu einem SMTP/IMAP-Server verbindet, um Mails zu lesen und zu schreiben.
  22. Multiplayer-Quiz-Plattform: Mit Registrierung/Login. Zwei Spieler müssen zeitgleich Antworten auswählen, am Ende gibt es einen Highscore.
  23. Cloud-Notiz-Sync-Tool: Ein Programm, das im Hintergrund läuft und Textdateien automatisch auf einen anderen Server kopiert, sobald sie gespeichert werden.
  24. CLI Bulk-Renamer: Ein mächtiges Kommandozeilenprogramm, um tausende Dateien auf einmal nach bestimmten Mustern umzubenennen (z.B. alle Vorsilben löschen).
  25. Interaktives Text-Adventure-Spiel: Ein extrem großes Terminal-Spiel mit verschiedenen Räumen, Items (Inventar), Monstern und Speicherfunktion in einer externen Datei.

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).