Summary
This chapter explains the separation of a web application into frontend and backend components, detailing how the client-side UI handles user interactions and the server-side logic processes data, with communication via requests and responses.

General domain of usage
Web application development

Eine Webanwendung besteht aus zwei Hauptteilen: Frontend und Backend. Sie arbeiten zusammen, um alles bereitzustellen, was online sichtbar und nutzbar ist.

## Frontend
Das Frontend ist das, was Benutzer im Browser sehen: Text, Bilder, Schaltflächen, Formulare und Layouts.

Funktionen des Frontends:
- Anzeige von Inhalten auf dem Bildschirm;
- Verarbeitung von Benutzeraktionen (Klicks, Eingaben, Formulare);
- Bereitstellung von Navigation und Interaktion.

Frontend = der sichtbare Teil der Website.

## Backend
Das Backend arbeitet im Hintergrund auf Servern. Es verarbeitet Daten und steuert die Logik der Anwendung.

Funktionen des Backends:
- Arbeit mit Datenbanken;
- Verarbeitung von Anfragen aus dem Frontend;
- Rückgabe von Daten und Ergebnissen.

Backend = die verborgene Logik, die die Website funktionsfähig macht.

## Wie das Frontend mit dem Backend kommuniziert
1. Das Frontend fordert Daten an (eine Anfrage);
2. Das Backend verarbeitet diese und liefert das Ergebnis zurück (eine Antwort);
3. Das Frontend zeigt die aktualisierten Informationen an.

Welche der folgenden Aussagen beschreibt am besten den Unterschied zwischen Frontend- und Backend-Entwicklung?

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Frontend- und Backend-Entwicklung Erklärt

Frontend

Backend

Wie das Frontend mit dem Backend kommuniziert

1. Wofür ist das Frontend verantwortlich?

2. Welche der folgenden Aussagen beschreibt am besten den Unterschied zwischen Frontend- und Backend-Entwicklung?