Surfen im Web

Wir beginnen mit der Beschreibung verschiedener webbezogener Konzepte: Webseiten, Websites, Webserver und Suchmaschinen. Diese Begriffe werden oft von Neulingen im Web verwechselt oder falsch verwendet. Lassen Sie uns sicherstellen, dass Sie wissen, was sie jeweils bedeuten! Beginnen wir mit einigen Definitionen:

Webseite

Ein Dokument, das in einem Webbrowser angezeigt werden kann. Diese werden auch oft einfach als "Seiten" bezeichnet. Solche Dokumente werden in der HTML-Sprache geschrieben (auf die wir später detaillierter eingehen).

Website

Eine Sammlung von Webseiten, die zu einer einzigen Ressource gruppiert sind und durch Links miteinander verbunden sind. Oft als "Site" bezeichnet.

Webserver

Ein Computer, der eine Website im Internet hostet.

Webservice

Eine Software, die Anfragen über das Internet beantwortet, um eine Funktion auszuführen oder Daten bereitzustellen. Ein Webservice wird typischerweise von einem Webserver unterstützt und kann Webseiten bereitstellen, mit denen Benutzer interagieren können. Viele Websites sind auch Webservices, obwohl einige Websites (wie MDN) nur aus statischen Inhalten bestehen. Beispiele für Webservices wären etwas, das Bilder skaliert, einen Wetterbericht bereitstellt oder den Benutzer-Login verwaltet.

Suchmaschine

Ein Webservice, der Ihnen hilft, andere Webseiten zu finden, wie Google, Bing, Yahoo oder DuckDuckGo. Suchmaschinen werden normalerweise über einen Webbrowser aufgerufen (zum Beispiel können Sie im Adressfeld von Firefox, Chrome usw. Suchmaschinensuchen durchführen) oder über eine Webseite (zum Beispiel bing.com oder duckduckgo.com).

Schauen wir uns ein Beispiel an — eine öffentliche Bibliothek. Dies ist das, was Sie normalerweise tun würden, wenn Sie eine Bibliothek besuchen:

1. Finden Sie ein Suchverzeichnis und suchen Sie nach dem Titel des Buches, das Sie möchten.
2. Notieren Sie sich die Katalognummer des Buches.
3. Gehen Sie zu dem bestimmten Abschnitt, der das Buch enthält, finden Sie die richtige Katalognummer und holen Sie das Buch.

Vergleichen wir eine öffentliche Bibliothek mit dem Web:

• Die Bibliothek ist wie ein Webserver. Sie hat mehrere Abschnitte, was einem Webserver gleicht, der mehrere Websites hostet.
• Die verschiedenen Abschnitte (Wissenschaft, Mathematik, Geschichte usw.) in der Bibliothek sind wie Websites. Jeder Abschnitt ist wie eine einzigartige Website (zwei Abschnitte enthalten nicht die gleichen Bücher).
• Die Bücher in jedem Abschnitt sind wie Webseiten. Eine Website kann mehrere Webseiten haben, zum Beispiel wird der Wissenschaftsabschnitt (die Website) Bücher über Wärme, Klang, Thermodynamik, Statik usw. haben.
• Das Suchverzeichnis ist wie die Suchmaschine. Jedes Buch hat seinen eigenen einzigartigen Standort in der Bibliothek (zwei Bücher können nicht am selben Ort aufbewahrt werden), der durch die Katalognummer angegeben wird.

Nehmen wir uns jetzt die Zeit, jeden Begriff etwas genauer anzusehen.

Eine Webseite ist ein einfaches Dokument, das von einem Browser angezeigt werden kann. Eine Webseite kann eine Vielzahl unterschiedlicher Ressourcen einbetten, wie zum Beispiel:

• Stilinformationen — Steuerung des Aussehens und der Haptik einer Seite.
• Skripte — die der Seite Interaktivität verleihen.
• Medien — Bilder, Klänge und Videos.

Alle Webseiten können an einem einzigartigen Ort (Webadresse, auch genannt URL) gefunden werden. Um auf eine Seite zuzugreifen, geben Sie einfach ihre Adresse in die Adressleiste Ihres Browsers ein:

Eine Website ist eine Sammlung verknüpfter Webseiten (plus ihrer zugehörigen Ressourcen), die einen einzigartigen Domänennamen teilen. Jede Webseite einer bestimmten Website bietet explizite Links—meist in Form von anklickbarem Text—die es dem Benutzer ermöglichen, von einer Seite der Website zu einer anderen zu gelangen.

Wenn Sie Ihre Lieblingswebsite in einem Browser laden, zeigt sie normalerweise zuerst die Hauptwebseite der Website oder die Homepage (umgangssprachlich „Home“ genannt) an:

Ein Webserver ist ein Computer, der eine oder mehrere Websites hostet. „Hosten“ bedeutet, dass alle Webseiten und ihre zugehörigen Dateien auf diesem Computer verfügbar sind. Der Webserver sendet die von ihm gehosteten Webseiten-Dateien an den Browser eines Benutzers, wenn dieser versucht, sie zu laden.

Verwechseln Sie nicht Websites und Webserver. Wenn Sie zum Beispiel jemanden sagen hören: „Meine Website antwortet nicht“, bedeutet das tatsächlich, dass der Webserver nicht antwortet und deshalb die Website nicht verfügbar ist. Wichtiger noch, da ein Webserver mehrere Websites hosten kann, wird der Begriff Webserver niemals zur Bezeichnung einer Website verwendet, da dies große Verwirrung stiften könnte. In unserem vorherigen Beispiel, wenn wir gesagt hätten: „Mein Webserver antwortet nicht“, bedeutet das, dass mehrere Websites auf diesem Webserver nicht verfügbar sind.

Suchmaschinen sind eine häufige Quelle der Verwirrung im Web. Eine Suchmaschine ist eine spezielle Art von Website, die Benutzern hilft, Webseiten von anderen Websites zu finden.

Es gibt viele da draußen: Google, Bing, Yandex, DuckDuckGo und viele mehr. Einige sind allgemein, andere sind spezialisiert auf bestimmte Themen.

Viele Anfänger im Web verwechseln Suchmaschinen und Browser. Lassen Sie uns das klarstellen: Ein Browser ist eine Software, die Webseiten abruft und anzeigt; eine Suchmaschine ist eine Website, die Menschen hilft, Webseiten von anderen Websites zu finden. Die Verwirrung tritt auf, weil beim ersten Start eines Browsers der Browser oft die Startseite einer Suchmaschine oder ein Suchfeld anzeigt, das es dem Benutzer ermöglicht, einen Begriff mit dieser Suchmaschine zu suchen. Die meisten Browser ermöglichen es ihren Benutzern auch, eine Suchmaschine zu verwenden, indem sie Suchbegriffe direkt in die Adressleiste des Browsers eingeben.

Das macht alles Sinn, da das erste, was Menschen in einem Browser tun wollen, oft ist, eine Webseite zu finden, die angezeigt werden soll. Verwechseln Sie nicht die Software (den Browser) mit dem Dienst (die Suchmaschine).

Hier ist ein Beispiel für Firefox, das ein Google-Suchfeld als Standardstartseite anzeigt:

In vielen Teilen der Welt ist das Web zu einem genauso unverzichtbaren Werkzeug für unser tägliches Leben geworden wie Besteck, Fahrräder und Autos oder Zahnbürsten. Wenn das für Sie unrealistisch klingt, denken Sie einfach daran, wie oft Sie jeden Tag eine Website oder eine Handy-App verwenden! Auch wenn Sie keine Webadresse in einen Webbrowser eingeben, um auf Inhalte oder Dienste zuzugreifen, ist die Wahrscheinlichkeit groß, dass die App, die Sie verwenden, wahrscheinlich Webtechnologie im Hintergrund verwendet, um Daten abzurufen, die Ihnen präsentiert werden.

Wenn Sie auf das Web zugreifen, passiert eine Menge zwischen Ihrer ersten Interaktion (zum Beispiel das Eintippen einer Webadresse (URL) in einen Browser und Drücken von Enter/Return) und dem Ergebnis Ihrer Aktion, das Ihnen präsentiert wird (zum Beispiel erscheint die Website in Ihrem Webbrowser):

1. Der Webbrowser fordert die Ressource (zum Beispiel eine Webseite, einige Daten oder ein Bild oder Video) an, auf die Sie zugreifen möchten, vom Webserver, auf dem sie gespeichert ist. Solche Anfragen (und die daraus resultierenden Antworten) werden mit einer Technologie namens HTTP (Hypertext Transfer Protocol) gemacht, die eine Sprache von Verben (wie GET) verwendet, um zu beschreiben, was passieren soll.
2. Wenn die Anfrage erfolgreich ist, sendet der Webserver eine HTTP-Antwort zurück an den Webbrowser, die die angeforderte Ressource enthält.
3. In einigen Fällen wird die angeforderte Ressource dann weitere HTTP-Anfragen auslösen, was zu weiteren Antworten führt. Zum Beispiel:
   1. Wenn eine Website geladen wird, wird zunächst die Haupt-HTML-Datei der Startseite der Website angefordert.
   2. Wenn diese Datei vom Browser empfangen wird, beginnt dieser, sie zu analysieren, und findet wahrscheinlich Anweisungen, um weitere Anfragen zu stellen. Wie oben besprochen, könnten dies Dateien sein, die eingebettet werden sollen, wie Bilder, Stilinformationen, Skripte usw.
4. Wenn alle Ressourcen angefordert wurden, analysiert und rendert der Webbrowser sie nach Bedarf, bevor er das Ergebnis dem Benutzer anzeigt.

Diese Beschreibung, wie das Web funktioniert, ist stark vereinfacht, aber es ist alles, was Sie an diesem Punkt wirklich wissen müssen. Eine detailliertere Darstellung, wie Webseiten angefordert und von einem Webbrowser gerendert werden, finden Sie in unserem Webstandards-Modul, etwas später.

Versuchen Sie jetzt, einen Webbrowser zu öffnen und ein paar Ihrer Lieblingsseiten zu laden, während Sie über die oben genannten Schritte nachdenken.

Als Webentwickler werden Sie viel Zeit damit verbringen, nach Informationen zu suchen, von Syntaxen, an die Sie sich nicht erinnern können, bis hin zu Lösungen für spezifische Probleme. Es ist daher eine gute Idee, zu lernen, wie man effektiv im Web sucht.

Wenn Sie nach allgemeinen Informationen zu einer bestimmten Funktion der Webtechnologie suchen, sollten Sie den Namen der Funktion in das MDN-Suchfeld eingeben. Versuchen Sie zum Beispiel, box model, fetch() oder video element in das Suchfeld einzugeben und sehen Sie, was herauskommt. Wenn Sie die benötigten Informationen nicht finden, versuchen Sie, Ihre Suche zu erweitern — versuchen Sie Ihren Suchbegriff in einer Suchmaschine.

Wenn Sie nach einer Lösung für ein spezifisches Problem suchen, wie wie man die Fibonacci-Sequenz mit JavaScript ausgibt oder wie man berechnet, ob eine Zahl eine Primzahl mit JavaScript ist, ist es eine gute Idee, auf einer Website wie StackOverflow zu suchen, die sich der Lösung von Programmierproblemen widmet. Versuchen Sie wiederum, eine allgemeine Suchmaschine zu verwenden, wenn eine spezifische Site keine hilfreiche Antwort gibt.

Von KI-generierte Suchergebnisse sind eine sehr beliebte Methode, Informationen zu erhalten. Sie bieten im Grunde eine superleserstarke Suche: Sie führen im Hintergrund viele Suchvorgänge durch, bevor sie die Ergebnisse in einer einzigen, leicht verdaulichen Antwort zusammenfassen. Häufige Optionen sind ChatGPT, Google Gemini und Microsoft Copilot, die entweder direkt in einem Chat-Format oder über KI-gestützte In-App-Hilfe oder Automatisierungssysteme aufgerufen werden.

Beim Erlernen des Programmierens können KI-Chat-Eingabeaufforderungen auf verschiedene Weise nützlich sein:

• Konventionelle Suchen wie die obigen Beispiele durchzuführen.
• Fehler in einem Codeblock herauszufinden. Wenn Sie frustriert sind, weil Ihr Code nicht funktioniert, können Sie Ihren Code in eine KI-Chat-Eingabeaufforderung einfügen, vorausgesetzt, mit einer Frage wie Wo ist der Fehler in diesem Code?
• Eine optimierte Version eines bestimmten Codeblocks zu generieren. Dies kann nützlich sein, wenn Sie einen Codeblock geschrieben haben, der funktioniert, aber Sie herausfinden möchten, wie er effizienter ausgeführt werden könnte oder auf robustere Weise, die mehr Anwendungsfälle löst.
• Ratschläge zu geben, wie man etwas macht. Zum Beispiel, wenn Sie nicht nur wissen möchten, wo der Fehler in einem Codeblock ist, sondern Sie stattdessen Rat wünschen, welche Strategie Sie verwenden sollten, um ihn zu debuggen.

Tatsächlich kann KI so viel, dass Sie vielleicht anfangen zu fragen, warum Sie programmieren lernen müssen.

Aber warten Sie! Das Folgende ist wichtig: Sie müssen immer noch verstehen, was Sie auf hoher Ebene erreichen wollen, was der Code macht und wo jeder Codeteil verwendet werden muss. Wenn Sie das nicht tun, werden Sie bei der Lösung realer Probleme nicht sehr nützlich sein. Das bedeutet, dass Sie immer noch Programmieren lernen müssen. KI kann ein wirklich nützliches Werkzeug sein, um schnellere Antworten zu finden, aber wenn Sie jede Frage, die Ihnen gestellt wird, einfach in eine KI-Aufforderung eingeben, werden Sie nicht verstehen, wie irgendetwas funktioniert.

Außerdem:

• KI-Werkzeuge präsentieren ihre Antworten in einer selbstbewussten, autoritativen Stimme, aber sie können oft irreführend oder einfach falsch sein. Einige der Fehler, die sie machen, können sehr subtil sein. Sie haben keine eigene angeborene Intelligenz — sie sind im Grunde fortgeschrittene Mustererkennungstools. KI-Werkzeuge kompilieren ihre Antworten aus anderen Quellen da draußen, also sammeln sie falsche Informationen ebenso wie richtige. Selbst zwei richtige Quellen können zu einer Antwort kombiniert werden, die inkorrekt ist.
• Neuere Informationen sind möglicherweise nicht verfügbar, oder die Antworten können auf ältere und häufiger vorhandene Dokumentationen verzerrt sein, sodass „wie man X in JS macht“ Ihnen möglicherweise veraltete Anleitungen gibt.

Folglich müssen Sie darauf achten, die Antworten, die sie Ihnen geben, zu überprüfen und nicht alles ohne Frage zu vertrauen.

Wenn Sie lernen, verbringen Sie Zeit damit, zu versuchen, das Problem selbst zu lösen, bevor Sie nach einer Antwort suchen, sei es, dass Sie KI oder eine konventionelle Suchmaschine verwenden. Das wird Sie zu einem besseren Entwickler machen.

• Sie sollten die Sprache, die Sie verwenden, in den Suchbegriff aufnehmen, wie in den oben gezeigten Beispielen. Wenn Sie einfach nur wie man die Fibonacci-Sequenz ausdruckt eingeben würden, hätten Sie wahrscheinlich mehrere Lösungen in Python, C++, Java, Ruby oder anderen Sprachen — nicht ganz so hilfreich, wenn Sie JavaScript lernen wollen!

• Wenn Sie eine nützliche Antwort finden, markieren Sie sie oder machen Sie eine Kopie davon an einem Ort, damit Sie sie später wiederfinden können. Sie werden erstaunt sein, wie oft Sie auf dasselbe Problem stoßen.

• Wenn Ihr Code eine spezifische Fehlermeldung zurückgibt, versuchen Sie, den Fehler in eine Suchmaschine oder KI-Aufforderung einzugeben. Andere Leute haben wahrscheinlich bereits denselben Fehler in der Vergangenheit gelöst und Lösungen öffentlich irgendwo aufgezeichnet.

• Wenn möglich, halten Sie sich an empfohlene Websites wie MDN und StackOverflow.

• Es gibt viele erweiterte Suchtechniken, die Sie in Suchmaschinen verwenden können und die Ihnen bessere Ergebnisse liefern als nur einen einfachen Suchbegriff einzugeben. Wenn Sie einen einfachen Suchbegriff wie ant fish cheese eingeben, erhalten Sie Ergebnisse, die eine beliebige Kombination dieser Wörter enthalten. Die meisten Suchmaschinen unterstützen jedoch Variationen der folgenden Formate:

  • Wenn Sie "ant fish cheese" (mit den Anführungszeichen) eingeben, werden nur Ergebnisse zurückgegeben, die genau diese Phrase enthalten.
  • "ant cheese" -fish gibt Ergebnisse zurück, die ant und/oder cheese enthalten, aber nicht fish.
  • ant OR cheese gibt nur Ergebnisse mit einem oder dem anderen Begriff, nicht beide. Laut unseren Tests funktionierte dies effektiv nur bei Google.
  • intitle:cheese gibt nur Ergebnisse zurück, die "cheese" im Haupttitel der Seite haben.

  Hinweis: Es gibt viele andere Techniken, die Sie in verschiedenen Suchmaschinen verwenden können. Versuchen Sie herauszufinden, welche anderen Sie finden können — einige nützliche Ressourcen sind Google-Suchen verfeinern, Wie man erweiterte Syntax bei DuckDuckGo Search verwendet und Microsoft: Erweiterte Suchoptionen.

• Zurück
• Übersicht: Einrichtung der Entwicklungsumgebung
• Weiter