Surfen im Internet

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 verstehen, was sie jeweils bedeuten! Beginnen wir mit einigen Definitionen:

Webseite

Ein Dokument, das in einem WebBrowser angezeigt werden kann. Diese werden auch oft einfach "Seiten" genannt. Solche Dokumente sind in der HTML-Sprache geschrieben (auf die wir später noch ausführlicher eingehen).

Website

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

Webserver

Ein Computer, der eine Website im Internet hostet.

Webdienst

Eine Software, die auf Anfragen über das Internet reagiert, um eine Funktion auszuführen oder Daten bereitzustellen. Ein Webdienst wird normalerweise von einem Webserver unterstützt und kann Webseiten bereitstellen, mit denen Benutzer interagieren können. Viele Websites sind auch Webdienste, obwohl einige Websites (wie MDN) nur aus statischen Inhalten bestehen. Beispiele für Webdienste wären etwas, das Bilder verkleinert, einen Wetterbericht bereitstellt oder eine Benutzeranmeldung abwickelt.

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 Adressleiste von Firefox, Chrome usw. durchsuchen) oder über eine Webseite (zum Beispiel bing.com oder duckduckgo.com).

Vergleichen wir das mit einer Analogien — einer öffentlichen Bibliothek. Dies würde man in der Regel tun, wenn man eine Bibliothek besucht:

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

Vergleichen wir nun eine öffentliche Bibliothek mit dem Web:

• Die Bibliothek ist wie ein Webserver. Sie hat mehrere Abschnitte, was einem Webserver ähnelt, 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 enthält der Wissenschaftsbereich (die Website) Bücher über Wärme, Schall, Thermodynamik, Statik usw.
• Der Suchindex ist wie die Suchmaschine. Jedes Buch hat seinen eigenen eindeutigen Standort in der Bibliothek (zwei Bücher können nicht am selben Ort aufbewahrt werden), was durch die Katalognummer angegeben wird.

Nehmen wir uns nun die Zeit, jeden Begriff etwas ausführlicher zu betrachten.

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

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

Jede Webseite kann an einem eindeutigen Standort gefunden werden (Webadresse, auch URL genannt). 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 eindeutigen Domainnamen teilen. Jede Webseite einer bestimmten Website bietet explizite Links — meist in Form von klickbaren Teilen des Textes —, die es dem Benutzer ermöglichen, von einer Seite der Website zu einer anderen zu wechseln.

Wenn Sie Ihre Lieblings-Website in einem Browser laden, wird normalerweise zuerst die Haupt-Webseite oder Startseite der Website angezeigt (umgangssprachlich als "Home" bezeichnet):

Ein Webserver ist ein Computer, auf dem eine oder mehrere Websites gehostet werden. "Hosting" bedeutet, dass alle Webseiten und die zugehörigen Dateien auf diesem Computer verfügbar sind. Der Webserver sendet Webseiten-Dateien, die er hostet, an den Browser eines Benutzers, wenn dieser versucht, diese zu laden.

Verwechseln Sie nicht Websites und Webserver. Zum Beispiel, wenn jemand sagt: "Meine Website reagiert nicht", bedeutet es tatsächlich, dass der Webserver nicht reagiert und daher die Website nicht verfügbar ist. Noch wichtiger ist, dass, da ein Webserver mehrere Websites hosten kann, der Begriff Webserver niemals zur Bezeichnung einer Website verwendet wird, da dies zu großer Verwirrung führen könnte. In unserem vorherigen Beispiel, wenn wir sagen würden: "Mein Webserver reagiert nicht", würde es bedeuten, 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 auf bestimmte Themen spezialisiert.

Viele Anfänger im Web verwechseln Suchmaschinen und Browser. Machen wir es deutlich: Ein Browser ist ein Software-Programm, das Webseiten abruft und anzeigt; eine Suchmaschine ist eine Website, die Menschen hilft, Webseiten von anderen Websites zu finden. Die Verwirrung entsteht, weil beim ersten Start eines Browsers dieser oft die Startseite einer Suchmaschine oder ein Suchfeld anzeigt, das es Ihnen 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 ergibt alles Sinn, da das erste, was die Leute normalerweise mit einem Browser tun wollen, 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 von Firefox, das ein Google-Suchfeld als Standard-Startseite anzeigt:

In vielen Teilen der Welt ist das Web genauso zu einem wesentlichen Werkzeug unseres täglichen Lebens geworden wie Besteck, Fahrräder und Autos oder Zahnbürsten. Wenn das für Sie unrealistisch klingt, denken Sie einfach daran, wie oft Sie täglich eine Website oder eine Handy-App verwenden! Selbst wenn Sie keine Webadresse in einen Webbrowser eingeben, um auf Inhalte oder Dienste zuzugreifen, ist die Wahrscheinlichkeit groß, dass die von Ihnen genutzte App 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 einer Webadresse (URL) in einen Browser eintippen und Enter/Return drücken) und dem Ergebnis Ihrer Aktion, das Ihnen präsentiert wird (zum Beispiel die Website, die in Ihrem Webbrowser erscheint):

1. Der Webbrowser fordert die Ressource an (z.B. eine Webseite, einige Daten oder ein Bild oder Video), auf die Sie zugreifen möchten, von dem Webserver, auf dem sie gespeichert ist. Solche Anfragen (und die daraus resultierenden Antworten) werden unter Verwendung einer Technologie namens HTTP (Hypertext Transfer Protocol) gestellt, 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 löst die angeforderte Ressource dann weitere HTTP-Anfragen aus, die zu weiteren Antworten führen. Zum Beispiel:
   1. Wenn eine Website geladen wird, wird zunächst die Haupt-HTML-Datei der Startseite der Seite angefordert.
   2. Wenn diese Datei vom Browser empfangen wird, beginnt sie, sie zu analysieren, und wird wahrscheinlich Anweisungen finden, um weitere Anfragen zu stellen. Wie oben erwähnt, können dies Dateien zum Einbetten sein, 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 sie ist alles, was Sie im Moment wirklich wissen müssen. Sie finden eine detailliertere Beschreibung darüber, wie Webseiten von einem Webbrowser angefordert und gerendert werden, in unserem Webstandards-Modul, etwas später.

Für den Moment versuchen Sie, einen Webbrowser zu öffnen und ein paar Ihrer Lieblingsseiten zu laden, wobei Sie an die obigen Schritte denken.

Als Webentwickler werden Sie viel Zeit damit verbringen, nach Informationen zu suchen, von Syntax, 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 über ein bestimmtes Webtechnologiemerkmal suchen, sollten Sie den Namen des Features in das MDN-Suchfeld eingeben. Zum Beispiel versuchen Sie, box model, fetch() oder video element in das Suchfeld einzugeben und sehen Sie, was erscheint. Wenn Sie nicht die benötigten Informationen finden, versuchen Sie, Ihre Suche zu erweitern — versuchen Sie, den Suchbegriff in einer Suchmaschine einzugeben.

Wenn Sie nach einer Lösung für ein spezifisches Problem suchen, wie z.B. 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 wieder, eine allgemeine Suchmaschine zu verwenden, wenn eine spezifische Website Ihnen keine hilfreiche Antwort gibt.

KI-generierte Suchergebnisse sind eine sehr beliebte Methode, Informationen zu erhalten. Sie bieten im Grunde eine superschnelle Suche: Sie führen im Hintergrund viele Suchen durch, bevor sie die Ergebnisse zu einer einzigen, leicht verständlichen Antwort zusammenfassen. Übliche Optionen sind ChatGPT, Google Gemini und Microsoft Copilot, die entweder direkt im Chat-Format oder über KI-unterstützte In-App-Hilfen oder Automatisierungssysteme genutzt werden.

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

• Konventionelle Suchen durchführen, wie in den obigen Beispielen.
• Fehler in einem Codeblock herausfinden. Wenn Sie frustriert sind, weil Ihr Code nicht funktioniert, können Sie Ihren Code in einen KI-Chat-Prozess einfügen, gefolgt von einer Frage wie Wo ist der Fehler in diesem Code?
• Eine optimierte Version eines bestimmten Codeblocks generieren. Dies kann nützlich sein, wenn Sie einen funktionierenden Codeblock geschrieben haben, aber wissen möchten, wie er effizienter gestaltet oder auf eine robustere Weise gelöst werden kann, die mehr Anwendungsfälle abdeckt.
• Ratschläge erhalten, wie man etwas macht. Zum Beispiel, wenn Sie nicht nur wissen möchten, wo der Fehler in einem Codeblock liegt, sondern stattdessen Ratschläge zu der Strategie haben möchten, mit der Sie ihn debuggen.

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

Aber halt! Das Folgende ist wichtig: Sie müssen immer noch verstehen, was Sie auf höherer Ebene zu tun versuchen, was der Code tut, und wo jede Codezeile verwendet werden muss. Wenn Sie das nicht tun, werden Sie bei der Lösung von realen Problemen nicht sehr nützlich sein. Das bedeutet, dass Sie immer noch lernen müssen zu programmieren. KI kann ein wirklich nützliches Werkzeug sein, um schneller Antworten zu finden, aber wenn Sie jede Frage, die Sie gestellt werden, in eine KI-Eingabeaufforderung eingeben, werden Sie nicht verstehen, wie irgendetwas funktioniert.

Außerdem:

• KI-Tools präsentieren ihre Antworten in einem überzeugenden, autoritären Tonfall, können aber oft irreführend oder schlichtweg falsch sein. Einige der Fehler, die sie machen, können sehr subtil sein. Sie haben keine eigene Intelligenz - sie sind im Grunde fortgeschrittene Mustererkennungstools. KI-Tools stellen ihre Antworten aus anderen Quellen da draußen zusammen, sodass sie sowohl falsche als auch korrekte Informationen aufnehmen. Selbst zwei korrekte Quellen können kombiniert werden, um eine falsche Antwort zu erzeugen.
• Neuere Informationen sind möglicherweise nicht verfügbar, oder Antworten können auf ältere und länger bestehende Dokumentationen fokussiert sein, so dass "wie man X in JS macht" Ihnen möglicherweise veraltete Anleitungen gibt.

Daher ist es wichtig, die Antworten, die sie geben, zu überprüfen und nicht alles vorbehaltlos zu vertrauen.

Wenn Sie lernen, verbringen Sie Zeit damit, das Problem selbst zu lösen, bevor Sie nach einer Antwort suchen, egal ob Sie 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 einschließen, wie in den obigen Beispielen gezeigt. Wenn Sie einfach how to print out the fibonacci sequence eingeben würden, würden Sie wahrscheinlich mehrere Lösungen in Python, C++, Java, Ruby oder anderen Sprachen finden — nicht ganz so hilfreich, wenn Sie versuchen, JavaScript zu lernen!

• Wenn Sie eine nützliche Antwort finden, speichern Sie ein Lesezeichen oder machen Sie eine Kopie davon, damit Sie sie später wiederfinden können. Sie werden überrascht sein, wie oft Sie auf dasselbe Problem stoßen.

• Wenn Ihr Code eine bestimmte Fehlermeldung zurückgibt, versuchen Sie, den Fehler in eine Suchmaschine oder eine KI-Eingabeaufforderung einzugeben. Wahrscheinlich haben andere das gleiche Problem bereits in der Vergangenheit angegangen und Lösungen öffentlich irgendwo aufgezeichnet.

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

• Es gibt viele erweiterte Suchtechniken, die Sie in Suchmaschinen verwenden können, um bessere Ergebnisse zu erzielen, als einfach einen einfachen Suchbegriff einzugeben. Das Eingeben eines einfachen Suchbegriffs wie ant fish cheese gibt Ergebnisse zurück, die eine beliebige Kombination dieser Wörter enthalten. Die meisten Suchmaschinen unterstützen jedoch Variationen der folgenden Formate:

  • Das Eingeben von "ant fish cheese" (mit den Anführungszeichen) gibt nur Ergebnisse zurück, die genau diese Phrase enthalten.
  • "ant cheese" -fish gibt Ergebnisse zurück, die ant und/oder cheese aber nicht fish enthalten.
  • ant OR cheese gibt nur Ergebnisse mit einem Term oder dem anderen zurück, nicht beide. Aus unseren Tests scheint dies nur effektiv in Google zu funktionieren.
  • 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 Techniken es gibt — einige nützliche Ressourcen sind Google-Suchen verfeinern, Wie man erweiterte Syntax in DuckDuckGo Search verwendet, und Microsoft: Erweiterte Suchoptionen.

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