Wie aus einer Idee echte Software wird — jeder Schritt in einfachen Worten, mit Bildern und Beispielen. Kein Vorwissen noetig.
Stell dir vor, du baust ein Restaurant. Software entsteht in aehnlichen Etappen — von der Kueche (wo gekocht wird) bis zum offenen Lokal (wo Gaeste essen). Hier sind die 5 Stationen:
Kurz gesagt: Du beschreibst, was du willst → Claude Code schreibt den Code auf deinem PC → GitHub bewahrt alles sicher auf → ein Hosting-Anbieter stellt es ins Internet → die Welt kann es nutzen.
Beides sind KI-Programmier-Assistenten. Du sagst in normaler Sprache, was du brauchst — die KI schreibt den eigentlichen Programmcode dafuer.
Frueher musstest du selbst Koch sein (= programmieren koennen). Heute ist Claude Code wie ein erfahrener Koch, dem du nur sagst: "Mach mir eine Webseite, auf der Kunden ein Angebot anfordern koennen." Er kocht — du bestimmst das Menue.
| Werkzeug | Von wem | Kurz gesagt |
|---|---|---|
| Claude Code | Anthropic | KI-Assistent, der direkt auf deinem Computer Code schreibt, aendert und testet. (Das benutzt du gerade.) |
| Codex | OpenAI | Sehr aehnliches Werkzeug eines anderen Anbieters. Gleiche Idee, anderer "Motor". |
Du brauchst nicht beide. Es sind konkurrierende Werkzeuge mit demselben Zweck — wie zwei Navigations-Apps, die dich beide ans Ziel bringen.
Der Code ist einfach eine Sammlung von Textdateien in einem Ordner auf deinem Computer. Genau wie ein Word-Dokument — nur dass ein Computer diesen Text "ausfuehren" kann.
Bild dazu: Ein Software-Projekt ist wie ein Aktenordner. Darin viele Blaetter (Dateien). Jedes Blatt enthaelt Anweisungen. Der Computer liest die Blaetter und tut, was draufsteht.
So wie man fuer verschiedene Aufgaben verschiedene Werkzeuge nimmt (Hammer ≠ Schraubenzieher), gibt es fuer verschiedene Software-Aufgaben verschiedene Sprachen. Die wichtigsten:
Das Geruest einer Webseite. Legt fest, was auf der Seite ist: Ueberschrift, Text, Bild, Button. HTML ist keine echte Programmiersprache, sondern eine "Auszeichnungssprache" — wie das Skelett eines Hauses.
Macht das HTML-Geruest schoen: Farben, Schriftarten, Abstaende, Layout. Das HTML ist das Haus, CSS sind Anstrich, Moebel und Vorhaenge.
Bringt eine Webseite zum Reagieren: Was passiert beim Klick? Formular absenden, Menue oeffnen, Daten laden. Das "Nervensystem" der Seite.
Sehr beliebt, weil gut lesbar. Stark fuer Datenverarbeitung, KI, Automatisierung und die "unsichtbare" Logik hinter Apps (z. B. Aktienanalyse, Berechnungen).
| Sprache | Wofuer typischerweise |
|---|---|
| TypeScript | JavaScript mit "Sicherheitsnetz" — Standard fuer moderne Web-Apps (z. B. Next.js, React). |
| SQL | Die Sprache, mit der man Datenbanken abfragt: "Gib mir alle Kunden aus Wien." |
| Java / C# | Grosse Firmen-Software, Banken-Systeme, oft im Hintergrund. |
| Swift / Kotlin | Apps fuer iPhone (Swift) und Android (Kotlin). |
| Go / Rust | Sehr schnelle, robuste Systeme (Server, Infrastruktur). |
Wichtig fuer dich: Du musst keine dieser Sprachen lernen. Claude Code waehlt die passende aus und schreibt sie. Gut zu wissen ist nur grob, welche wofuer da ist — damit du mitreden kannst.
GitHub ist ein Online-Tresor und Versions-Archiv fuer deinen Code. Es speichert nicht nur die aktuelle Version, sondern jede einzelne Aenderung der Geschichte.
Stell dir Google Docs vor, aber fuer Code: Du siehst die komplette Versionsgeschichte, kannst jederzeit auf einen frueheren Stand zurueckspringen, und mehrere Leute koennen gemeinsam arbeiten, ohne sich gegenseitig zu ueberschreiben.
| Begriff | In einfachen Worten |
|---|---|
| Repository ("Repo") | Der Projektordner auf GitHub. Ein Repo = ein Projekt. |
| Commit | Ein gespeicherter Schnappschuss mit Notiz, z. B. "Kontaktformular hinzugefuegt". Wie ein Speicherpunkt im Videospiel. |
| Push | Die Schnappschuesse von deinem PC hoch auf GitHub schieben ("hochladen"). |
Kleines Beispiel: Claude Code baut ein neues Feature → macht einen Commit ("Login-Funktion ergaenzt") → Push zu GitHub. Jetzt ist die Aenderung dokumentiert, gesichert und bereit, online zu gehen.
Hinweis: "Git" ist die Technik dahinter, "GitHub" die bekannteste Website dafuer. Alternativen mit gleicher Idee: GitLab, Bitbucket.
Dein Code liegt bisher nur auf deinem PC und auf GitHub — niemand im Internet kann ihn benutzen. Ein Hosting-Anbieter stellt deine Software auf einen Server, der rund um die Uhr laeuft und fuer alle erreichbar ist.
Die Analogie: Bisher hattest du nur das Rezept und eine private Kueche. Hosting = du eroeffnest ein echtes Lokal an einer Adresse, das 24/7 offen hat. Die Adresse ist deine Domain (z. B. meine-firma.de), das Lokal ist der Server.
| Anbieter | Charakter | Gut fuer … |
|---|---|---|
| Railway | Sehr einfach, "klick & laeuft". Verbindet sich direkt mit GitHub. | Schneller Start, kleine bis mittlere Apps, Prototypen. |
| Cloudflare | Riesiges weltweites Netz. Macht Seiten schnell & sicher (Schutz vor Angriffen). Auch Domains & Hosting. | Geschwindigkeit, Sicherheit, weltweite Reichweite. |
| Hetzner | Deutscher Anbieter, sehr guenstig, gibt dir einen "rohen" Server — mehr Kontrolle, mehr Eigenarbeit. | Preisbewusste, technischere Projekte, volle Kontrolle. |
| AWS (Amazon) | Der Gigant. Alles moeglich, aber komplex und schnell teuer. Industriestandard fuer grosse Firmen. | Grosse, wachsende Systeme mit hohen Anforderungen. |
| Andere | Vercel & Netlify (top fuer Webseiten/Next.js), Render, Fly.io, DigitalOcean, Google Cloud, Azure. | Je nach Projekt — Claude Code kann dich beraten. |
Welchen nehmen? Faustregel fuer den Anfang: Railway oder Vercel (einfach, schnell live). Cloudflare immer zusaetzlich fuer Tempo & Schutz. Hetzner/AWS erst, wenn das Projekt gross wird oder spezielle Anforderungen hat.
Die vier Schritte sind das Grundgeruest und schon sehr gut. In der Praxis kommen aber meist noch diese Bausteine dazu:
Die "Adresse" deiner Software (z. B. lw-finance.com). Eine Domain mietet man jaehrlich. DNS ist das "Telefonbuch", das die Adresse zum richtigen Server leitet.
Wo Daten dauerhaft gespeichert werden: Nutzerkonten, Bestellungen, Texte. Ohne Datenbank "vergisst" eine App alles beim Neustart.
Geheime Passwoerter/Schluessel (z. B. fuer Stripe-Zahlungen oder die Claude-API). Duerfen nie in GitHub landen — werden separat & sicher hinterlegt.
Du baust selten alles selbst: Zahlungen (Stripe), E-Mail-Versand, Login (Google-Login), Karten usw. werden per API "dazugeholt".
Automatische Pruefungen, ob alles noch funktioniert, bevor es online geht. Spart das peinliche "Es ist live und kaputt".
Der automatische Ablauf: Aenderung auf GitHub → automatisch getestet → automatisch online gestellt. Spart manuelle Arbeit und Fehler.
Ueberwachung im Betrieb: Laeuft alles? Gibt es Fehler? "Logs" sind das Tagebuch der App, in dem man bei Problemen nachschaut.
Schutz vor Angriffen & Datenverlust. Regelmaessige Sicherungskopien. HTTPS (das Schloss-Symbol im Browser) fuer verschluesselte Verbindungen.
Impressum, Datenschutzerklaerung, Cookie-Hinweis. In Europa Pflicht, sobald echte Nutzer Daten eingeben.
Der "Schreibtisch": ein Code-Editor (z. B. VS Code) zeigt die Dateien an. Das "Terminal" ist das schwarze Fenster fuer Befehle — Claude Code nutzt es fuer dich.
Gute Nachricht: Du musst das nicht alles selbst koennen. Wenn du ein Projekt mit Claude Code startest, kannst du genau diese Liste durchgehen und fragen: "Brauche ich davon etwas, und kannst du es einrichten?"
Die wichtigsten Development-Begriffe — kurz und ohne Fachchinesisch erklaert.
Claude Code → Code im Ordner → GitHub → Hosting → Live. Du musst nichts davon selbst programmieren — es genuegt, die Begriffe zu verstehen, um die richtigen Fragen zu stellen.
Kostenfreies Erstgespraech