Web Entwicklung - Frontend
In diesem Kurs lernt ihr alle Technologien kennen die es braucht, um Webseiten und sogar interkative Webapps zu entwickeln. Viel Spass!
## Einführung - Das World Wide Web
Das World Wide Web wurde 1989 von Tim Berners-Lee am CERN erfunden. Es sollte eine einfache Möglichkeit bieten, Informationen über das Internet zu verknüpfen. Berners-Lee entwickelte die ersten Technologien:
HTML (Hypertext Markup Language): Eine Auszeichnungssprache zur Strukturierung von Inhalten.
HTTP (Hypertext Transfer Protocol): Ein Protokoll zur Übertragung von Daten zwischen Webservern und Browsern.
URI (Uniform Resource Identifier): Ein System zur eindeutigen Identifizierung von Ressourcen im Web.
Der erste grafische Webbrowser, Mosaic, wurde 1993 veröffentlicht und machte das Surfen benutzerfreundlicher. Nutzer konnten durch Klicken auf Hyperlinks zwischen Webseiten navigieren.
Mit der Kommerzialisierung des Webs begannen Unternehmen, Websites zu erstellen, was den E-Commerce und die Nutzung des Internets für geschäftliche Zwecke förderte.
Die Einführung von Web 2.0 (2004) ermöglichte interaktive Inhalte und soziale Netzwerke. Nutzer konnten nun aktiv Inhalte erstellen und teilen, was zu Plattformen wie Facebook und YouTube führte.
Die Verbreitung von Smartphones ab ca. 2010 führte zu einer Anpassung des Webs für mobile Geräte. Responsive Design und mobile Anwendungen wurden entscheidend für die Nutzererfahrung.
Das World Wide Web funktioniert durch die Interaktion von Webbrowsern und Webservern:
- Webbrowser: Programme wie Chrome oder Firefox, die Webseiten anzeigen. Sie senden Anfragen an Webserver über HTTP.
- Webserver: Computer, die Webseiten speichern und bereitstellen. Sie empfangen Anfragen, verarbeiten sie und senden die angeforderten Inhalte zurück an den Browser.
- Hyperlinks: Verknüpfungen zwischen Webseiten, die es Nutzern ermöglichen, durch das Web zu navigieren.
Dieses Konzept wird manchmal auch als Client-Server-Modell bezeichnet:
- Client: Der Webbrowser auf dem Computer des Benutzers
- Server: Computer, der Webseiten und andere Ressourcen bereitstellt
Eine Web-Anfrage sieht dabei in etwa folgendermaßen aus:
- Benutzer:in gibt URL in Browser ein
- Browser sendet HTTP-Request an Server
- Server verarbeitet Anfrage
- Server sendet HTTP-Response zurück
- Browser rendert die empfangene Webseite
Die drei Säulen der Webentwicklung
Moderne Webseiten werden immer komplizierter und umfangreicher. Trotzdem basieren alle auf 3 grundlegenden Technologien:
- HTML: Struktur und Inhalt
- CSS: Design und Layout
- JavaScript: Interaktivität und Dynamik
