AI/Codex/Grundlagen

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.