📘 Frontend vs Backend
🎯 Lernziel
In dieser Lektion werden Sie verstehen:
• was Frontend bedeutet
• was Backend bedeutet
• warum beide bei Websites und Apps benötigt werden
Sie benötigen keine technischen Vorkenntnisse.
Diese Lektion erklärt eine der wichtigsten Ideen in moderner Software.
🤖 Programmier-Lernassistent
Wenn Frontend und Backend verwirrend erscheinen,
können Sie den Lernassistenten um eine einfache Erklärung bitten.
Beispielfragen:
• Was ist Frontend?
• Was ist Backend?
• Was ist der Unterschied zwischen Frontend und Backend?
• Verwenden alle Websites sowohl Frontend als auch Backend?
Fragen Sie den Lernassistenten →
💻 Was ist Frontend?
Frontend ist der Teil einer Website oder App, den Benutzer sehen und mit dem sie interagieren können.
Es umfasst Dinge wie:
• Text
• Schaltflächen
• Menüs
• Bilder
• Formulare
• Seitenlayout
Wenn Sie eine Webseite öffnen und klicken, scrollen oder tippen, benutzen Sie das Frontend.
Frontend wird üblicherweise mit folgenden Technologien erstellt:
• HTML
• CSS
• JavaScript
🗄 Was ist Backend?
Backend ist der Teil, der hinter den Kulissen arbeitet.
Benutzer sehen ihn normalerweise nicht direkt.
Das Backend kann Folgendes verwalten:
• Server
• Datenbanken
• Login-Systeme
• Anwendungslogik
• Speichern und Laden von Daten
Zum Beispiel prüft das Backend beim Einloggen in eine Website Ihre Angaben und entscheidet, ob der Zugang erlaubt wird.
Abbildung: Frontend ist, was Benutzer sehen, während Backend hinter den Kulissen auf Servern und in Datenbanken arbeitet.
🔁 Wie sie zusammenarbeiten
Frontend und Backend sind verbunden.
Zum Beispiel:
• Das Frontend zeigt ein Login-Formular.
• Der Nutzer gibt einen Benutzernamen und ein Passwort ein.
• Das Backend überprüft die Daten.
• Die Website gibt ein Ergebnis zurück.
Obwohl Nutzer hauptsächlich das Frontend sehen, hängen viele Aktionen vom Backend ab.
🌐 Einfaches Website-Beispiel
Stellen Sie sich einen Online-Shop vor.
Das Frontend zeigt:
• Produktbilder
• Preise
• Schaltflächen
• den Warenkorb
Das Backend verwaltet:
• Produktdaten
• Kundenkonten
• Bestellungen
• Zahlungsabwicklung
• Bestandsinformationen
Beide Seiten sind notwendig.
Ohne Frontend würden Benutzer nichts sehen.
Ohne Backend würde die Website nicht richtig funktionieren.
🧠 Warum das wichtig ist
Das Verständnis von Frontend und Backend hilft Ihnen zu verstehen, wie moderne Websites und Apps gebaut werden.
Es hilft Ihnen auch zu sehen, dass Software meist aus verschiedenen Teilen besteht, die zusammenarbeiten.
Manche Menschen bevorzugen Frontend-Arbeit, weil sie visuelles Design und Benutzererfahrung mögen.
Andere bevorzugen Backend-Arbeit, weil sie Logik, Systeme und Daten schätzen.
🚀 Nächste Lektion
In der nächsten Lektion lernen Sie:
was Datenbanken sind und warum Websites und Apps sie verwenden.