⚙️ Entdecke das Backend

Wo Webseiten wirklich zur Arbeit gehen.

🧠 Was ist Backend?

Das Backend ist der unsichtbare Teil einer Webanwendung – der „Motor“ hinter der Oberfläche. Während das Frontend (HTML, CSS, JS) bestimmt, wie eine Seite aussieht und reagiert, kümmert sich das Backend darum, wie Daten verarbeitet, gespeichert und gesendet werden.

💡 Merke: Ohne Backend wären Webseiten nur schöne, aber leere Schaufenster!

🌐 Client vs. Server – wer macht was?

Nicht alles, was auf einer Webseite passiert, läuft auf dem Gerät des Besuchers! Es gibt zwei Welten:

Der Browser (Client) sendet Anfragen an den Server – dieser antwortet mit Daten oder HTML.

💻 Client-seitig (im Browser)

Zeigt Inhalte an (HTML + CSS)
Reagiert auf Klicks, Tastatur, etc. (JavaScript)
Kann nicht auf Dateien oder Datenbanken auf dem Server zugreifen
Alles ist für Besucher sichtbar (Quelltext einsehbar)

🖥️ Server-seitig (auf dem Webserver)

Empfängt Anfragen vom Browser
Verarbeitet Logik (z. B. Login prüfen, Bestellung speichern)
Spricht mit der Datenbank (MariaDB, MySQL)
Sendet sichere Antworten zurück – ohne interne Details preiszugeben

⚠️ Achtung: Client-seitiges JavaScript kann niemals direkt auf eine Datenbank zugreifen – das würde ein riesiges Sicherheitsrisiko darstellen!

🐘 vs. 🟢 – Warum PHP und Node.js?

Beide Technologien lösen ähnliche Probleme – aber auf unterschiedliche Weise. Keine ist „besser“, aber jede hat ihre Stärken.

🐘

PHP

Läuft nur auf dem Server
Einfach mit XAMPP lokal zu testen
Perfekt für Formulare, Blogs, CMS
Bewährt in der Schule und im Beruf

🟢

Node.js

JavaScript auf dem Server
Eine Sprache für Frontend + Backend
Sehr schnell bei vielen gleichzeitigen Anfragen
Ideal für APIs, Echtzeit-Apps (z. B. Chat)

❓ Was ist eine API?

Eine API (Application Programming Interface) ist eine Schnittstelle, über die Programme miteinander kommunizieren können. Stell dir vor, du bestellst Essen per App:

Die App fragt den Server: „Was gibt es heute?“
Der Server antwortet: „Pizza, Pasta, Salat“
Die App zeigt diese Liste an – ohne zu wissen, wie der Server das ermittelt hat

Die API ist die „Speisekarte“ – sie definiert, welche Fragen gestellt und welche Antworten erwartet werden dürfen.

💡 Für dich als Schüler: Du lernst beide Ansätze, um zu verstehen, wie Webanwendungen klassisch (PHP) und modern (Node.js) gebaut werden.

🛠️ Wozu braucht man Backend-Logik?

Benutzer anmelden und ihre Daten schützen
Formulardaten auf dem Server speichern (z. B. Kontaktanfragen)
Mit Datenbanken kommunizieren (MariaDB über phpMyAdmin)
APIs bereitstellen, die andere Anwendungen nutzen können
Dateien sicher verwalten oder E-Mails verschicken

🎯 Lernziele dieses Tutorials

Am Ende dieses Kurses kannst du:

Einen lokalen Webserver mit Node.js (Express) oder XAMPP (PHP) einrichten
Eine Datenbank mit phpMyAdmin anlegen und verwalten
Formulardaten sicher in einer Datenbank speichern
Einfache SQL-Abfragen (SELECT, INSERT) in PHP nutzen
Den Unterschied zwischen client- und serverseitiger Logik erklären
KI als Denkpartner nutzen – nicht als Code-Lieferant

🧠 KI als Lernpartner – guter Prompt

❌ Schlecht: „Schreib mir einen PHP-Login.“ ✅ Gut: „Erkläre mir, warum man bei PHP-Formularen mysqli_real_escape_string() oder Prepared Statements nutzen sollte – und zeig den Unterschied.“

💡 Merke: Je spezifischer deine Frage, desto besser verstehst du die Logik dahinter.

👨‍🏫 Lehrkräfte-Hinweis

Für Lehrkräfte stehen zu jeder Übung Musterlösungen zur Verfügung. Diese befinden sich im Ordner musterloesungen und enthalten:

Vollständige Lösungen zu allen Aufgaben
Beurteilungskriterien und Punkteverteilung
Häufige Fehlerquellen und deren Vermeidung
Erwartete Antworten auf KI-Fragen

Die Musterlösungen sind nur für Lehrkräfte bestimmt und sollten nicht an Schüler weitergegeben werden.