Entwicklung von Webtechnologie und Browsern

Hey, da! Haben Sie sich jemals gefragt, wie genau das Web funktioniert und was wirklich passiert, wenn Sie in Ihrem mysteriösen Browser eine URL eingeben? Keine Sorge, Sie sind nicht allein. Die meisten von uns betrachten das Internet als eine Art Blackbox. Aber da Sie auf diesen Blog geklickt haben, vermute ich, dass Sie vielleicht einen Blick hineinwerfen möchten. Das ist fantastisch! Neugier hätte vielleicht die Katze getötet, aber für Entwickler ist sie das Geheimnis.

Selbst wenn Sie ein wenig darüber wissen, wie es funktioniert, fragen Sie sich vielleicht immer noch, warum es sich so entwickelt hat. Ich glaube, dass „um die Gegenwart zu verstehen und die Zukunft vorherzusagen oder zu beeinflussen, wir die Vergangenheit kennen müssen“. Oder wie einige vorgeschlagen haben: Brummen Sie die Chronologie, Samajhna Chahiye! Lassen Sie uns die Entwicklung von Webtechnologie und Browsern durchgehen und sie der Übersichtlichkeit halber in vier vereinfachte Phasen unterteilen. Am Ende dieser Reise werden Sie nicht nur verstehen, wie sich Web-Technologien entwickelt haben, sondern auch, was unter der Haube passiert, warum diese Veränderungen stattgefunden haben und was sie für die Zukunft des Webs bedeuten.

Hinweis: Dies sind keine genauen Zeitpläne, sondern vereinfachte Phasen, um das Verständnis zu erleichtern.

Nullte Phase: Das prähistorische Netz

Lassen Sie uns in eine Zeit vor den 1980er Jahren zurückspulen

Stellen Sie sich eine Gruppe von Forschern vor, die durch Universitäten in den USA huschen und physische Kabel zwischen Computern verlegen, um Daten zu übertragen oder auszutauschen. Diese Technologiepioniere etablierten Protokolle wie FTP (File Transfer Protocol) und SMTP (Simple Mail Transfer Protocol), um Dateien auszutauschen und E-Mails zu versenden – hauptsächlich über ihre bahnbrechenden Experimente und vielleicht gelegentlichen Büroklatsch. Früher gab es Server, zu denen wir über einen Remote-Client eine Verbindung herstellen und mit schriftlichen Befehlen Dateien auf der Festplatte speichern oder abrufen konnten.

Das war gut für kleine Datenmengen, aber als die Daten immer schneller wuchsen, wurde das Auffinden spezifischer Informationen zu einem echten Problem. Um Daten abzurufen, musste man die genauen Pfade und Serveradressen kennen und vielleicht einen kleinen Tanz aufführen, um die Computergötter zu besänftigen. Wertvolle Informationen liefen Gefahr, im digitalen Durcheinander verloren zu gehen und über Server verstreut zu sein wie Socken, die im Wäschestrudel verschwinden.

Erste Phase: Die Geburt des Webs

Geben Sie die späten 1980er und frühen 1990er Jahre ein

Mit dabei war ein brillanter Brite namens Sir Tim Berners-Lee. Er verfasste einen Vorschlag mit dem Titel Informationsmanagement: Ein Vorschlag. Darin sprach er über die Verwendung nichtlinearer Textsysteme, die als „Hypertext“ bekannt sind. Dabei handelt es sich um Texte, die Links zu relevanten Informationen enthalten und wie ein riesiges Spinnennetz miteinander verbunden sind. So wird das Navigieren und Durchsuchen verwandter Daten einfacher und der Informationsverlust wird minimiert!

In diesem Vorschlag bezeichnete er miteinander verbundene Computer auch als „Web“. Und so war das World Wide Web geboren! Er hörte hier nicht auf; Anschließend erfand er das HyperText Transfer Protocol (HTTP), entwickelte den ersten Browser mit dem charmanten Namen WorldWideWeb (später umbenannt in Nexus), den ersten HTTP-Webserver und die erste Website. Sprechen Sie über Übererfüllung!

• HTTP (HyperText Transfer Protocol): Eine Reihe von Regeln, Syntax und Semantik, die für die Übertragung von Informationen zwischen einem Client (z. B. Ihrem Webbrowser) und einem Webserver (dem Remote-Computer, auf dem die Website gehostet wird). Falls Sie sich über den Namen wundern: Ursprünglich war er nur für die Übertragung von HTML-Dateien gedacht. In späteren Versionen wurde jedoch nach der Einführung von Headern, insbesondere des Content-Type-Headers, die Übertragung aller Arten von Daten unterstützt.
  
  

• HTTP-Webserver: Ein Computer, der dieses HTTP-Protokoll verstehen kann. Die Hauptaufgabe besteht darin, die Anfrage zu analysieren und die angeforderte Antwort bereitzustellen, zu diesem Zeitpunkt hauptsächlich statische HTML-, CSS- und JPG-Dateien.

Da kam HTML (Hypertext Markup Language) ins Spiel und kombinierte die Idee des Hypertexts mit SGML (Standard Generalized Markup Language), das damals zur Formatierung von Dokumenten verwendet wurde. Die erste Version von HTML war ziemlich einfach – sie unterstützte Überschriften, Absätze, Listen und Links. Keine ausgefallenen Schriftarten oder auffälligen Animationen – nur das Wesentliche.

In den ersten Jahren war das Internet wie ein exklusiver Club für Forscher und Akademiker. Dann entwickelten einige schlaue Leute einen Browser namens Mosaic, der Bilder anzeigen konnte. Ja, Bilder! Dadurch wurde das Web für die breite Öffentlichkeit zugänglicher, denn seien wir ehrlich: Ein Bild sagt mehr als tausend Zeilen (aber kein Bild in diesem Blog?)!

Unter der Haube des Browsers

Sehen wir uns also an, was in diesen Browsern mit den oben genannten Funktionen passiert ist

Benutzeroberfläche: Jeder Browser hatte oben eine Navigationsleiste, in der alle geöffneten Tabs (oder Fenster damals) sichtbar waren. Darunter befand sich die Adressleiste, in die Sie die Adresse der Website eingeben konnten. Darunter befindet sich der Ort (Ansichtsfenster), an dem der Inhalt der von Ihnen eingegebenen Website angezeigt wird. Denken Sie daran, das gab es vor den Suchmaschinen. Wenn Sie also die genaue Adresse nicht kannten, hatten Sie Pech  –  so ähnlich wie bei der Suche nach einem Ort ohne GPS oder Karte.

Daten abrufen: Wenn Sie eine Website-Adresse eingeben, ruft das Netzwerkmodul des Browsers die Daten ab, indem es Aufgaben wie die DNS-Auflösung durchführt und eine sichere Verbindung mit dem Server herstellt, um die Kommunikation zu starten. Der Browser würde dann Daten in Form von HTML vom Server erhalten.

Rendering Engine: Die Rendering-Engine würde mit der Analyse des HTML beginnen. Wenn es auf Tags stößt, die zusätzliche Ressourcen erfordern, wie Bilder () oder Stile (