Surfen im Web

Wir beginnen mit der Beschreibung verschiedener webbezogener Konzepte: Webseiten, Websites, Webserver und Suchmaschinen. Diese Begriffe werden oft von Neueinsteigern 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 oft einfach als "Seiten" bezeichnet. Solche Dokumente sind in der Sprache HTML geschrieben (auf die wir später noch genauer eingehen).

Website

Eine Sammlung von Webseiten, die zu einer einzigen Ressource gruppiert sind, mit Links, die sie miteinander verbinden. Oft als "Site" bezeichnet.

Webserver

Ein Computer, der eine Website im Internet hostet.

Suchmaschine

Ein Webdienst, 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 Suchmaschinen direkt in der Suchleiste von Firefox, Chrome usw. durchsuchen) oder über eine Webseite (zum Beispiel bing.com oder duckduckgo.com).

Betrachten wir ein Analogon — eine öffentliche Bibliothek. Dies ist das, was Sie normalerweise tun würden, wenn Sie eine Bibliothek besuchen:

1. Einen Suchindex finden und nach dem Titel des Buches suchen, das Sie wollen.
2. Die Katalognummer des Buches notieren.
3. Zur entsprechenden Abteilung gehen, die das Buch enthält, die richtige Katalognummer finden und das Buch holen.

Vergleichen wir eine öffentliche Bibliothek mit dem Web:

• Die Bibliothek ist wie ein Webserver. Sie hat mehrere Abteilungen, was einem Webserver ähnelt, der mehrere Websites hostet.
• Die verschiedenen Abteilungen (Wissenschaft, Mathematik, Geschichte usw.) in der Bibliothek sind wie Websites. Jede Abteilung ist wie eine einzigartige Website (zwei Abteilungen enthalten nicht die gleichen Bücher).
• Die Bücher in jeder Abteilung sind wie Webseiten. Eine Website kann mehrere Webseiten haben, zum Beispiel hat die Wissenschaftsabteilung (die Website) Bücher über Wärme, Klang, Thermodynamik, Statik usw.
• Der Suchindex ist wie die Suchmaschine. Jedes Buch hat seinen eigenen einzigartigen Standort in der Bibliothek (zwei Bücher können nicht am gleichen Ort aufbewahrt werden), der durch die Katalognummer spezifiziert ist.

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

Eine Webseite ist ein einfaches, von einem Browser darstellbares Dokument. Eine Webseite kann eine Vielzahl unterschiedlicher Ressourcentypen einbetten, wie:

• Stilinformationen — zur Steuerung des Aussehens und der Anmutung einer Seite.
• Skripte — die Interaktivität zur Seite hinzufügen.
• Medien — Bilder, Klänge und Videos.

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

Eine Website ist eine Sammlung verlinkter Webseiten (plus ihrer zugehörigen Ressourcen), die einen einzigartigen Domänennamen teilen. Jede Webseite einer bestimmten Website bietet explizite Links — meistens in Form von anklickbaren Textteilen — die es dem Benutzer ermöglichen, von einer Seite der Website zur anderen zu wechseln.

Wenn Sie Ihre Lieblings-Website in einem Browser laden, wird normalerweise zuerst die Hauptwebseite der Website oder Homepage angezeigt (im Volksmund als "Startseite" bezeichnet):

Ein Webserver ist ein Computer, der eine oder mehrere Websites hostet. "Hosting" bedeutet, dass alle Webseiten und deren zugehörige Dateien auf diesem Computer verfügbar sind. Der Webserver sendet die von ihm gehosteten Webseitendateien 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 reagiert nicht", bedeutet das eigentlich, dass der Webserver nicht reagiert und daher die Website nicht verfügbar ist. Noch wichtiger ist, dass ein Webserver mehrere Websites hosten kann, weshalb der Begriff Webserver niemals zur Bezeichnung einer Website verwendet wird, da dies zu großer Verwirrung führen könnte. In unserem vorherigen Beispiel würde es bedeuten, wenn wir sagten, "Mein Webserver reagiert nicht", 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 generisch, einige sind auf bestimmte Themen spezialisiert.

Viele Einsteiger im Web verwechseln Suchmaschinen und Browser. Lassen Sie uns das klarstellen: Ein Browser ist ein Softwareprogramm, das Webseiten abruft und anzeigt; eine Suchmaschine ist eine Website, die Leuten hilft, Webseiten von anderen Websites zu finden. Die Verwirrung entsteht, da der Browser beim ersten Start oft die Startseite einer Suchmaschine oder ein Suchfeld zeigt, das ihnen erlaubt, einen Begriff mit dieser Suchmaschine zu suchen. Die meisten Browser ermöglichen es ihren Nutzern auch, eine Suchmaschine zu verwenden, indem sie Suchbegriffe direkt in die Adressleiste des Browsers eingeben.

Das alles macht Sinn, denn das erste, was Menschen in der Regel mit einem Browser tun möchten, ist, eine Webseite zu finden, die angezeigt werden soll. Verwechseln Sie nicht die Software (den Browser) mit dem Dienst (der Suchmaschine).

Hier ist ein Beispiel von Firefox, das ein Google-Suchfeld als seine Standard-Startseite zeigt:

In vielen Teilen der Welt ist das Web genauso zu einem unverzichtbaren Werkzeug für unser tägliches Leben geworden wie Besteck, Fahrräder und Autos oder Zahnbürsten. Wenn Ihnen das unrealistisch erscheint, denken Sie einfach daran, wie oft Sie jeden Tag eine Website oder eine mobile App verwenden! Selbst wenn Sie keine Webadresse in einen Webbrowser eingeben, um auf Inhalte oder Dienste zuzugreifen, ist die Wahrscheinlichkeit hoch, 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 Eingeben einer Webadresse (URL) in einen Browser und Drücken auf Eingabe/Return) und dem Ergebnis Ihrer Aktion (zum Beispiel das Erscheinen der 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, von dem Webserver an, auf dem sie gespeichert ist. Solche Anfragen (und die daraus resultierenden Antworten) erfolgen mit einer Technologie namens HTTP (Hypertext Transfer Protocol), die eine Sprache von Verben (wie GET) verwendet, um zu beschreiben, was geschehen 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 löst die angeforderte Ressource weitere HTTP-Anfragen aus, die weitere Antworten nach sich ziehen. 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 er, sie zu parse, und findet wahrscheinlich Anweisungen, weitere Anfragen zu stellen. Wie bereits diskutiert, können diese für eingebettete Dateien wie Bilder, Stilinformationen, Skripte usw. sein.
4. Wenn alle Ressourcen angefordert wurden, analysiert und rendert der Webbrowser sie nach Bedarf, bevor das Ergebnis dem Benutzer angezeigt wird.

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

Versuchen Sie jetzt, einen Webbrowser zu öffnen und einige Ihrer Lieblingswebsites zu laden, und denken Sie dabei an die oben beschriebenen Schritte.

Als Webentwickler werden Sie viel Zeit mit der Suche nach Informationen verbringen, sei es nach Syntax, die Sie sich nicht merken können, oder nach Lösungen für spezifische Probleme. Es ist daher eine gute Idee, effizient im Web zu suchen.

Wenn Sie nach allgemeinen Informationen zu einem bestimmten Webtechnologiemerkmal suchen, sollten Sie den Namen des Merkmals in das MDN-Suchfeld eingeben. Zum Beispiel versuchen Sie, box model, fetch() oder video element in das Suchfeld einzugeben und sehen Sie nach, was herauskommt. Wenn Sie die benötigten Informationen nicht finden, versuchen Sie, Ihre Suche auszuweiten — versuchen Sie Ihren Suchbegriff in einer Suchmaschine.

Wenn Sie nach einer Lösung für ein spezifisches Problem suchen, wie how to print out the fibonacci sequence with JavaScript oder how to calculate whether a number is a prime number with JavaScript, ist es eine gute Idee, auf einer Website wie StackOverflow zu suchen, die sich der Beantwortung von Programmierproblemen widmet. Versuchen Sie erneut, eine allgemeine Suchmaschine zu verwenden, falls eine spezifische Website Ihnen keine hilfreiche Antwort gibt.

Mit KI generierte Suchergebnisse sind eine sehr beliebte Methode, um Informationen zu erhalten. Sie bieten im Grunde eine superoptimierte Suche: Sie führen viele Suchen im Hintergrund durch, bevor sie die Ergebnisse zu einer einzigen, leicht verdaulichen Antwort zusammenstellen. Häufige Optionen sind ChatGPT, Google Gemini und Microsoft Copilot, die entweder direkt in einem Chat-Format oder über KI-gestützte In-App-Hilfen oder Automatisierungssysteme zugänglich sind.

Beim Lernen, wie man programmiert, können KI-Chat-Anfragen auf verschiedene Weise nützlich sein:

• Durchführen konventioneller Suchen, wie oben in den Beispielen gezeigt.
• Fehler in einem Codeblock herausfinden. Wenn Sie frustriert sind, weil Ihr Code nicht funktioniert, können Sie Ihren Code in einen KI-Chat-Prompt einfügen, gefolgt von einer Frage wie Wo ist der Fehler in diesem Code?
• Generieren einer optimierten Version eines bestimmten Codeblocks. Dies kann nützlich sein, wenn Sie einen Codeblock geschrieben haben, der funktioniert, aber Sie möchten herausfinden, wie er effizienter oder auf robustere Weise gemacht werden könnte, die mehr Anwendungsfälle abdeckt.
• Ratschläge geben, wie etwas zu tun ist. Zum Beispiel, wenn Sie nicht nur wissen möchten, wo der Fehler in einem Codeblock ist, sondern Ratschläge wünschen, welche Strategie zu wählen ist, um ihn zu debuggen.

In Wahrheit kann KI so viel leisten, dass Sie vielleicht anfangen zu fragen, warum Sie programmieren lernen müssen.

Aber warten Sie! Folgendes ist wichtig: Sie müssen immer noch verstehen, was Sie auf hoher Ebene erreichen möchten, was der Code tut und wo jedes Stück Code verwendet werden muss. Wenn Sie das nicht tun, werden Sie nicht sehr hilfreich sein, wenn es darum geht, reale Probleme zu lösen. Das bedeutet, dass Sie immer noch lernen müssen, zu programmieren. AI kann ein wirklich nützliches Werkzeug sein, um Ihnen zu helfen, schnellere Antworten zu finden, aber wenn Sie jede Frage, die Ihnen gestellt wird, in ein KI-Eingabefeld eingeben, werden Sie nicht verstehen, wie irgendetwas funktioniert.

Darüber hinaus:

• AI-Tools präsentieren ihre Antworten in einer zuversichtlichen, 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 angeborene Intelligenz — sie sind im Grunde fortgeschrittene Mustererkennungswerkzeuge. AI-Tools erstellen ihre Antworten aus anderen Quellen und saugen dabei sowohl falsche als auch richtige Informationen auf. Selbst zwei korrekte Quellen können kombiniert werden, um eine Antwort zu generieren, die falsch ist.
• Neuere Informationen sind möglicherweise nicht verfügbar, oder Antworten könnten zu älterer und stärker verbreiteter Dokumentation verzerrt sein, sodass "wie man X in JS macht" möglicherweise veraltete Anleitungen liefert.

Daher müssen Sie vorsichtig sein, die Antworten, die sie Ihnen geben, zu überprüfen und nicht alles ohne Frage anzunehmen.

Wenn Sie lernen, verbringen Sie Zeit damit, zu versuchen, das Problem selbst zu lösen, bevor Sie eine Antwort suchen, egal ob Sie eine KI oder eine herkömmliche Suchmaschine verwenden. Es wird Sie zu einem besseren Entwickler machen.

• Sie sollten die Sprache, die Sie verwenden, in den Suchbegriff einbeziehen, wie in den obigen Beispielen gezeigt. Wenn Sie nur how to print out the fibonacci sequence eingeben würden, würden Sie wahrscheinlich auf mehrere Lösungen in Python, C++, Java, Ruby oder anderen Sprachen stoßen — nicht ganz so hilfreich, wenn Sie JavaScript lernen möchten!

• Wenn Sie eine nützliche Antwort finden, markieren Sie sie oder fertigen Sie eine Kopie an einem Ort an, an dem Sie sie später wiederfinden können. Sie werden überrascht sein, wie oft Sie auf das gleiche Problem stoßen.

• Wenn Ihr Code eine spezifische Fehlermeldung zurückgibt, versuchen Sie, den Fehler in eine Suchmaschine oder ein KI-Prompt einzugeben. Andere Menschen haben wahrscheinlich schon mit demselben Fehler zu kämpfen gehabt und Lösungen irgendwo öffentlich festgehalten.

• 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, die Ihnen bessere Ergebnisse liefern als nur ein einfacher Suchbegriff. Das Eingeben eines einfachen Suchbegriffs wie ant fish cheese liefert 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 Anführungszeichen) eingeben, werden nur Ergebnisse zurückgegeben, die diese genaue Phrase enthalten.
  • "ant cheese" -fish liefert Ergebnisse, die ant und/oder cheese, aber nicht fish enthalten.
  • and OR cheese liefert nur Ergebnisse mit einem Begriff oder dem anderen, nicht beide. Nach unseren Tests schien dies nur effektiv in Google zu funktionieren.
  • intitle:cheese liefert nur Ergebnisse, die "cheese" im Haupttitel der Seite enthalten.

  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 Refine Google Searches, How to use advanced syntax on DuckDuckGo Search, und Microsoft: Advanced search options.

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