AI & Programmieren
– ein erster Einstieg
Wie man mit einer AI gut arbeitet – und mit ihrer Hilfe ein erstes eigenes Programm baut und versteht.
Ablauf heute
- 20 min1 · Was ist AI eigentlich? – wie ein Sprachmodell „denkt“
- 25 min2 · Gut fragen – Prompts, die funktionieren
- 30 min3 · Was ist Programmieren? – Grundbausteine, AI vs. Code
- 10 minPause
- 20 min🔧 Coding-Agenten & OpenCode – warum, Installation, erster Start
- 45 min4 · Bauen mit AI – dein erstes Mini-Projekt
- 10 min5 · Grenzen & Verantwortung
- 15 min6 · Wie geht's weiter? – Git & GitHub, nächste Schritte
Am Ende des Tages …
🧠 verstehst du
grob, wie eine AI Antworten erzeugt – und warum sie manchmal danebenliegt.
💬 kannst du
Fragen so stellen, dass brauchbare Ergebnisse herauskommen.
🛠️ hast du
ein eigenes kleines Programm gebaut, verändert und erklärt bekommen.
Leitgedanke: Die AI ist eine sehr geduldige Lernpartnerin – aber du bleibst diejenige, die entscheidet.
Was ist AI eigentlich?
Kein Zauber, keine Suchmaschine – sondern ein sehr gutes Muster-Vervollständigen.
Ein Sprachmodell rät das nächste Wort
„Ich trinke morgens gerne eine Tasse ___“
Trainiert auf riesigen Textmengen. Wort für Wort entsteht so eine Antwort – das klingt flüssig, ist aber nicht automatisch wahr.
Was daraus folgt
Stark bei …
- Erklären – in jeder Tiefe, beliebig oft
- Texte entwerfen und umformulieren
- Code schreiben und erklären
- Brainstorming und Ideen sortieren
Vorsicht bei …
- Fakten, Zahlen, Quellen – kann Dinge erfinden und klingt dabei sicher
- Aktualität – Wissen hat ein Stichtagsdatum (außer mit Websuche)
- Rechnen und Zählen ohne Werkzeug
- Deinem Kontext – den kennt sie nur, wenn du ihn nennst
✏️ Übung 1 · 8 min
- Lass dir etwas erklären, das dich wirklich interessiert.
- Frag zweimal nach: „Was meinst du mit …?“ und „Gib mir ein Beispiel.“
- Versuch, sie aufs Glatteis zu führen: Frag nach einem Detail, das es nicht gibt (z. B. ein erfundenes Buch).
Beobachte: Wann widerspricht sie? Wann erfindet sie etwas?
Gut fragen
Die Qualität der Antwort hängt stark davon ab, was du mitgibst.
Anatomie eines guten Prompts
1 · Kontext
Wer bist du, was weißt du schon, wofür brauchst du es?
2 · Aufgabe
Was genau soll passieren? Ein klares Ziel.
3 · Format
Länge, Liste, Tabelle, Ton, Sprache.
4 · Beispiel
„So ungefähr soll es aussehen: …“
5 · Grenzen
„Keine Fachbegriffe“, „frag nach, wenn etwas unklar ist“.
6 · Nachschärfen
Erste Antwort = Entwurf. Gespräch statt Suchanfrage.
Vorher / Nachher
Schwach
Erklär mir Programmieren.
→ lange, allgemeine Antwort, die zu niemandem passt.
Stark
Ich habe noch nie programmiert und will verstehen, was eine Schleife ist. Erklär es mir in 5 Sätzen mit einem Beispiel aus dem Alltag und stell mir danach eine kleine Übungsfrage.
Nachschärfen: nützliche Folgefragen
- „Kürzer, bitte – nur das Wichtigste.“
- „Erklär es, als wäre ich 12.“
- „Gib mir drei Varianten.“
- „Was könnte an deiner Antwort falsch sein?“
- „Welche Fragen sollte ich dir noch stellen?“
- „Frag mich erst, was du wissen musst, bevor du antwortest.“
✏️ Übung 2 · 10 min
Such dir eine echte Alltagsaufgabe (Mail formulieren, Reise planen, Rezept anpassen …).
- Schreib zuerst einen kurzen, schlampigen Prompt.
- Dann denselben Wunsch mit Kontext, Aufgabe und Format.
- Schärfe zweimal nach.
Was ist Programmieren?
Einem Computer ganz genau sagen, was er Schritt für Schritt tun soll.
Die vier Grundbausteine
Variable
Ein beschrifteter Behälter für einen Wert.
let name = "Anna";
Bedingung
Wenn … dann … sonst.
if (alter >= 18) {
…
}Schleife
Etwas mehrmals wiederholen.
for (let i = 1; i <= 3; i++) {
…
}Funktion
Ein benanntes Mini-Rezept, wiederverwendbar.
function gruss(n) {
return "Hi " + n;
}Fast jedes Programm ist eine Kombination dieser vier Dinge.
Spielwiese: selbst ausprobieren
(Ausgabe erscheint hier)
AI, klassischer Code – oder beides?
| 🤖 AI (Sprachmodell) | ⚙️ Klassischer Code | 🤝 Kombination | |
|---|---|---|---|
| Rechnen & Zählen | schätzt aus dem Sprachgefühl, kann sich verrechnen | exakt, auch millionenfach | AI schreibt das Rechenprogramm, Code rechnet |
| Wiederholbarkeit | gleiche Frage → evtl. andere Antwort | gleiche Eingabe → immer gleiches Ergebnis | einmal mit AI bauen, danach verlässlich laufen lassen |
| Unscharfe Eingaben | versteht Sprache, Tippfehler, Bedeutung | braucht ein exaktes Format | AI macht aus freiem Text saubere Daten, Code verarbeitet sie |
| Neues & Kreatives | entwirft, erklärt, formuliert | kann nur, was programmiert wurde | AI entwirft, du prüfst, Code setzt um |
| Fehler | klingt auch bei Fehlern überzeugt | Fehler sind nachvollziehbar und testbar | Tests prüfen, was die AI gebaut hat |
| Tempo & Kosten | jede Anfrage kostet Rechenzeit | sehr schnell, praktisch gratis | AI nur dort, wo Verstehen nötig ist |
Beispiel: Wie viele „e“ stecken in „Erdbeere“?
🤖 Nur AI
Antwortet aus dem Sprachgefühl. Sie sieht Wortstücke, keine einzelnen Buchstaben – bei kurzen Wörtern oft richtig, bei langen Texten unzuverlässig.
⚙️ Code
let wort = "Erdbeere";
let anzahl = 0;
for (let i = 0; i < wort.length; i++) {
if (wort[i].toLowerCase() === "e") {
anzahl = anzahl + 1;
}
}
console.log(anzahl); // 4🤝 Kombination
„Schreib mir ein Programm, das zählt, wie oft ein Buchstabe in einem Text vorkommt.“ – Die AI baut es, der Code zählt exakt. Auch für ein ganzes Buch.
✏️ Kopier den Code in die Spielwiese (zurück mit ←) und probier andere Wörter oder Buchstaben aus.
☕ Pause
🔧 OpenCode einrichten
Ein AI-Helfer, der direkt in deinem Projektordner arbeitet.
Chat-AI vs. Coding-Agent
💬 Chat-AI
- Du fragst, sie antwortet im Chat
- Code kopierst du selbst in Dateien
- Sieht nur, was du ihr zeigst
🛠️ Coding-Agent (OpenCode)
- Liest und schreibt Dateien in deinem Ordner
- Kann Befehle ausführen und Code testen
- Open Source, funktioniert mit vielen AI-Modellen
Deshalb: eigener Übungsordner, keine wichtigen Dateien darin.
Warum nutzt man Coding-Agenten?
🗂️ Kennen das ganze Projekt
Lesen selbst die nötigen Dateien, statt nur den Ausschnitt zu sehen, den du einfügst.
✍️ Schreiben direkt
Änderungen landen in den Dateien – auch über viele Dateien hinweg. Kein Copy-Paste.
🔁 Prüfen sich selbst
Führen Code und Tests aus, lesen Fehlermeldungen und bessern nach.
🧹 Nehmen Routine ab
Tests schreiben, Fehler suchen, fremden Code erklären, Dokumentation.
📜 Merken sich Regeln
Eine Anweisungsdatei im Projekt (AGENTS.md / CLAUDE.md) gilt für jede Sitzung.
👀 Du bleibst Prüferin
Änderungen ansehen, verstehen, freigeben – die Verantwortung bleibt bei dir.
Drei bekannte Werkzeuge
| OpenCode | Claude Code | GitHub Copilot | |
|---|---|---|---|
| Von | Open-Source-Projekt | Anthropic | GitHub (Microsoft) |
| Läuft in | Terminal, Desktop-App, Browser | Terminal, VS Code / JetBrains, Desktop-App, Browser | Editoren wie VS Code, Visual Studio, JetBrains; auch Terminal |
| Modelle | viele Anbieter frei wählbar | Claude-Modelle | mehrere Modelle über GitHub |
| Kosten | Software gratis; Modelle je nach Anbieter, teils zeitweise kostenlos | Claude-Abo oder Anthropic-Konto | Free-Tarif mit begrenzten Anfragen; Pro 10 $/Monat |
| Typisch für | Einstieg ohne Abo, Modelle vergleichen | größere Aufgaben über viele Dateien, Automatisierung | Vorschläge direkt beim Tippen im Editor, plus Agent-Modus |
Die Prinzipien sind bei allen gleich: guter Kontext, kleine Schritte, Ergebnis prüfen.
Installation (Windows)
1 · Entpacken
opencode-installer.zip entpacken – beide Dateien müssen im selben Ordner liegen.
2 · Starten
Doppelklick auf OpenCode installieren.bat. Bei einer Windows-Warnung: „Weitere Informationen“ → „Trotzdem ausführen“.
3 · Auswählen
[1] Desktop-App für den Einstieg. Terminal-Version optional.
4 · Fertig
Der Ordner Dokumente\KI-Kurs öffnet sich – dein Übungsordner.
Erster Start
1 · Ordner wählen
OpenCode im Übungsordner KI-Kurs öffnen.
2 · Anbieter verbinden
/connect → einen Anbieter auswählen und anmelden.
3 · Modell wählen
/models → für den Anfang ein als Free markiertes Modell.
⚠️ Kostenlose Modelle
Sind oft nur zeitlich begrenzt gratis, und manche Anbieter verwenden Eingaben zum Training. Also: keine privaten oder vertraulichen Daten.
Erster Test: „Erklär mir in drei Sätzen, was du in diesem Ordner tun kannst.“
Bauen mit AI
Du gibst die Richtung vor – die AI schreibt mit dir.
Der Workflow
Klein anfangen, dann Stück für Stück erweitern. Ein Wunsch pro Runde.
Wo läuft der Code?
✅ Heute: OpenCode + HTML-Datei
OpenCode legt die .html-Datei direkt im Übungsordner an – per Doppelklick im Browser öffnen. Sofort sichtbar.
Alternative: im Chat
Viele AI-Tools zeigen kleine Web-Apps direkt im Chat an. Bequem, aber man sieht weniger, was passiert.
Alternative: Python
Z. B. in Google Colab im Browser. Gut für Daten und Rechnen, weniger visuell.
Dein Mini-Projekt
🎲 Zufallsgenerator
Was koche ich heute? Wer spült?
❓ Mini-Quiz
5 Fragen zu einem Lieblingsthema.
⏱️ Pomodoro-Timer
25 Minuten arbeiten, 5 Pause.
💶 Rechner
Rechnung teilen, Trinkgeld, Budget.
Start-Prompt:
Ich bin Anfängerin im Programmieren. Bau mir eine einzelne HTML-Datei (HTML, CSS und JavaScript zusammen), die [deine Idee] macht. Halte den Code einfach, kommentiere jede wichtige Zeile auf Deutsch und erkläre mir danach in 5 Sätzen, wie er funktioniert.
Wenn's nicht klappt: Debuggen
Fehler finden
- Im Browser
F12→ Reiter Konsole - Rote Meldungen = Fehler, mit Zeilennummer
- Nicht erschrecken – Fehler sind normal
So fragst du die AI
Mein Code: [Code]
Ich erwarte: …
Stattdessen passiert: …
Fehlermeldung: …
Erklär mir die Ursache, bevor du den Fix zeigst.
Verstehen statt nur kopieren
Erklären lassen
„Erklär mir Zeile 12 bis 20, als hätte ich noch nie Code gesehen.“
Selbst ändern
Mindestens eine Änderung pro Runde ohne AI machen – Text, Farbe, Zahl.
Absichtlich kaputt machen
Eine Zeile löschen und vorhersagen, was passiert. Dann prüfen.
Faustregel: Wenn du einen Teil nicht erklären kannst, frag nach, bevor du weitermachst.
Grenzen & Verantwortung
Worauf du achten solltest
🔒 Datenschutz
Keine Passwörter, Kontodaten, Gesundheitsdaten oder Infos über andere Personen eingeben, die du nicht teilen würdest.
✅ Prüfen
Wichtige Fakten, Zahlen und Quellen gegenchecken. Selbstsicher ≠ richtig.
©️ Rechte
Bei Texten, Bildern und Code für öffentliche oder berufliche Nutzung die Regeln deines Arbeitgebers bzw. der Plattform beachten.
🎓 Lernen vs. Abgeben
Wenn du etwas lernen willst, lass dich führen statt alles erledigen zu lassen.
Wie geht's weiter?
Git: Speicherstände für deinen Code
💾 Git
Wie Speicherpunkte in einem Videospiel – nur für deinen Projektordner. Jeder Speicherpunkt merkt sich alle Dateien und eine kurze Notiz, was sich geändert hat. Du kannst jederzeit zurückspringen.
Läuft auf deinem Rechner, ganz ohne Internet.
☁️ GitHub & GitLab
Websites, auf denen deine Git-Projekte online liegen – wie eine Cloud für Code. Damit kannst du Projekte sichern, teilen, gemeinsam bearbeiten und herzeigen.
GitHub ist am verbreitetsten; GitLab ist eine Alternative, die Firmen auch selbst betreiben.
Repository
„Repo“: ein Projektordner, den Git beobachtet
Commit
ein Speicherpunkt mit Notiz, z. B. „Knopf hinzugefügt“
Push
Speicherpunkte zu GitHub hochladen
Pull
neuen Stand von GitHub herunterladen
Ausblick: Dein erstes Repository
1 · Git installieren
Einmalig Git für Windows installieren – alle Voreinstellungen passen.
2 · OpenCode fragen
Richte in diesem Ordner ein Git-Repository ein und mach den ersten Commit. Erklär mir jeden Schritt.
3 · Regelmäßig speichern
Nach jeder Änderung, die funktioniert: „Mach einen Commit.“
4 · Optional online
Kostenloses GitHub-Konto anlegen. Einfachster Weg: GitHub Desktop – klicken statt tippen.
🛟 Warum gerade mit AI?
Ein Coding-Agent ändert oft viele Dateien auf einmal. Ein Commit vorher ist dein Sicherheitsnetz: Geht etwas kaputt, springst du einfach zurück.
Für Neugierige – das macht der Agent im Hintergrund: git init · git add . · git commit -m "Erster Stand"
Nächste Schritte
Diese Woche
- Das Mini-Projekt um eine Funktion erweitern
- Git installieren und das Projekt per Commit sichern
- Jeden Tag eine echte Alltagsfrage an die AI – mit gutem Prompt
- Ein zweites Mini-Projekt aus der Ideenliste
Zum Weiterlernen
- MDN Web Docs – Nachschlagewerk für HTML, CSS, JavaScript
- freeCodeCamp – kostenlose interaktive Kurse
- CS50x (Harvard) – gründlicher Einstieg, kostenlos
Spickzettel
Fragen
Kontext + Aufgabe + Format. Danach nachschärfen.
Bauen
Klein anfangen. Ein Wunsch pro Runde. Selbst etwas ändern.
Fehler
F12 → Konsole. Erwartung + Ergebnis + Meldung an die AI. Erst Ursache, dann Fix.
Fragen? 🙂
AUFMERKSAMKEIT!!!1!
Sie haben es geschafft. Die Menschheit ist stolz auf Sie.
für außergewöhnliches Zuhören und furchtloses Debuggen
* Standing Ovations von ca. 8 Milliarden Menschen. Gezählt von einer AI – bitte mit Code nachprüfen.