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 Web-Browser angezeigt werden kann. Diese werden oft einfach als "Seiten" bezeichnet. Solche Dokumente werden in der HTML-Sprache geschrieben (die wir später im Detail betrachten).

Website

Eine Sammlung von Webseiten, die zu einer einzigen Ressource gruppiert sind und durch Links miteinander verbunden sind. Oft als "Seite" 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 in der Adressleiste von Firefox, Chrome usw. direkt Suchanfragen ausführen) oder über eine Webseite (zum Beispiel bing.com oder duckduckgo.com).

Sehen wir uns einen Vergleich an – eine öffentliche Bibliothek. Das ist das allgemeine Vorgehen beim Besuch einer Bibliothek:

1. Finden Sie einen Suchindex und suchen Sie nach dem Titel des Buches, das Sie wollen.
2. Notieren Sie sich die Katalognummer des Buches.
3. Gehen Sie zum betreffenden 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 Abteilungen, ähnlich wie ein Webserver 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 die Wissenschaftsabteilung (die Website) hat Bücher über Wärme, Schall, 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 selben Ort aufbewahrt werden), der durch die Katalognummer angegeben wird.

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

Eine Webseite ist ein einfaches Dokument, das von einem Browser dargestellt werden kann. Eine Webseite kann eine Vielzahl unterschiedlicher Ressourcentypen einbetten, wie z.B.:

• Stilinformationen — Steuerung des Aussehens einer Seite.
• Skripte — welche der Seite Interaktivität verleihen.
• Medien — Bilder, Geräusche und Videos.

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

Eine Website ist eine Sammlung von verknüpften Webseiten (plus ihrer zugehörigen Ressourcen), die einen einzigartigen Domainnamen 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 zu einer anderen zu wechseln.

Wenn Sie Ihre Lieblingswebsite in einem Browser laden, wird im Allgemeinen zuerst die Hauptwebseite der Website oder die Startseite angezeigt (umgangssprachlich als "Home" bezeichnet):

Ein Webserver ist ein Computer, der eine oder mehrere Websites hostet. "Hosting" bedeutet, dass alle Webseiten und ihre zugehörigen 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 jemanden sagen hören, "Meine Website reagiert nicht", bedeutet das tatsächlich, dass der Webserver nicht reagiert und daher die Website nicht verfügbar ist. Wichtiger noch, da ein Webserver mehrere Websites hosten kann, wird der Begriff Webserver nie verwendet, um eine Website zu bezeichnen, da dies zu großer Verwirrung führen könnte. In unserem vorherigen Beispiel, wenn wir sagten, "Mein Webserver reagiert 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, einige sind spezialisiert auf bestimmte Themen.

Viele Anfänger im Web verwechseln Suchmaschinen und Browser. Lassen Sie es uns klarstellen: Ein Browser ist ein Softwareprogramm, das Webseiten abruft und darstellt; 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 Homepage einer Suchmaschine oder ein Suchfeld anzeigt, das es ermöglicht, einen Suchbegriff mit dieser Suchmaschine zu durchsuchen. Die meisten Browser ermöglichen es ihren Nutzern auch, eine Suchmaschine zu verwenden, indem sie Suchbegriffe direkt in die Browser-Adressleiste eingeben.

Dies alles macht Sinn, weil das erste, was die Leute in der Regel mit einem Browser tun wollen, darin besteht, 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 Standardstartseite anzeigt:

In vielen Teilen der Welt ist das Web genauso ein unverzichtbares Werkzeug in unserem täglichen Leben geworden wie Besteck, Fahrräder und Autos oder Zahnbürsten. Wenn das unrealistisch für Sie klingt, denken Sie nur daran, wie oft Sie eine Website oder eine Mobiltelefon-App jeden Tag nutzen! Auch 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 zu präsentieren.

Wenn Sie auf das Web zugreifen, passiert einiges zwischen Ihrer ersten Interaktion (zum Beispiel, wenn Sie eine Webadresse (URL) in einen Browser eingeben und Enter/Return drücken) und dem Ergebnis Ihrer Aktion (zum Beispiel, die Website erscheint in Ihrem Webbrowser):

1. Der Webbrowser fordert die Ressource (zum Beispiel eine Webseite, einige Daten oder ein Bild oder Video) an, die Sie auf dem Webserver, auf dem sie gespeichert ist, aufrufen möchten. Solche Anfragen (und die resultierenden Antworten) werden mit einer Technologie namens HTTP (Hypertext Transfer Protocol) durchgeführt, die eine Sprache der 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 mehr HTTP-Anfragen aus, was zu weiteren Antworten führt. Zum Beispiel:
   1. Wenn eine Website geladen wird, wird zunächst die Haupt-Index-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 diese Anfragen für einzubettende Dateien wie Bilder, Stilinformationen, Skripte usw. sein.
4. Wenn alle Ressourcen angefordert sind, 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 im Moment wirklich wissen müssen. Sie werden eine detailliertere Beschreibung finden, wie Webseiten angefordert und von einem Webbrowser gerendert werden, in unserem Webstandards-Modul, etwas später.

Fürs Erste versuchen Sie, einen Webbrowser zu öffnen und ein paar Ihrer Lieblingsseiten zu laden, und denken Sie dabei an die oben genannten Schritte.

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

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

Wenn Sie nach einer Lösung für ein spezielles Problem suchen, wie „wie man die Fibonacci-Folge mit JavaScript ausgibt“ oder „wie man berechnet, ob eine Zahl eine Primzahl mit JavaScript ist“, ist es eine gute Idee, eine Website wie StackOverflow zu durchsuchen, die einer Gemeinschaft gewidmet ist, die Programmierprobleme beantwortet. Versuchen Sie erneut, eine allgemeine Suchmaschine zu verwenden, wenn eine bestimmte Seite Ihnen keine hilfreiche Antwort gibt.

Durch KI generierte Suchergebnisse sind eine sehr beliebte Methode, um Informationen zu erhalten. Sie bieten im Grunde eine superschnelle Suche: Sie führen im Hintergrund viele Suchen durch, bevor sie die Ergebnisse in einer einzigen, leicht verdaulichen Antwort zusammenstellen. Beliebte Optionen sind ChatGPT, Google Gemini und Microsoft Copilot, die entweder direkt im Chat-Format oder über KI-gestützte Hilfe oder Automatisierungssysteme in Apps aufgerufen werden.

Beim Lernen zu programmieren können KI-Chatbefehle auf verschiedene Weise nützlich sein:

• Durchführung konventioneller Suchen, wie in den obigen Beispielen.
• Fehler in einem Codeblock feststellen. Wenn Sie frustriert sind, weil Ihr Code nicht funktioniert, können Sie Ihren Code in eine KI-Chat-Eingabeaufforderung einfügen, gefolgt von einer Frage wie „Wo ist der Fehler in diesem Code?“
• Einen optimierten Codeblock generieren. Dies kann nützlich sein, wenn Sie einen Codeblock geschrieben haben, der funktioniert, aber herausfinden möchten, wie er effizienter gemacht werden könnte oder auf eine robustere Weise, die mehr Anwendungsfälle abdeckt.
• Beratung zu erhalten, wie man etwas umsetzt. Zum Beispiel, wenn Sie nicht nur wissen wollen, wo der Fehler in einem Codeblock ist, sondern stattdessen Beratung zu der Strategie wünschen, die Sie zur Fehlerbehebung verwenden sollten.

In Wahrheit können KI-Tools so viel leisten, dass Sie sich fragen könnten, warum Sie überhaupt programmieren lernen sollten.

Aber warten Sie! Folgendes ist wichtig: Sie müssen immer noch verstehen, was Sie auf einer höheren Ebene zu tun versuchen, was der Code bewirkt und wo jedes Stück Code verwendet werden muss. Andernfalls sind Sie bei der Lösung realer Probleme nicht sehr hilfreich. Das bedeutet, dass Sie trotzdem programmieren lernen müssen. KI kann ein wirklich nützliches Werkzeug sein, um schneller Antworten zu finden, aber wenn Sie jede Frage, die Ihnen gestellt wird, in eine KI-Eingabeaufforderung eingeben, werden Sie nicht verstehen, wie irgendetwas funktioniert.

Zusätzlich:

• KI-Tools präsentieren ihre Antworten in einer sicheren, autoritären 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 Intelligenz – sie sind im Grunde fortschrittliche Mustererkennungstools. KI-Tools kompilieren ihre Antworten aus anderen Quellen, daher nehmen sie sowohl falsche als auch richtige Informationen auf. Auch zwei korrekte Quellen können kombiniert werden, um eine falsche Antwort zu ergeben.
• Neuere Informationen sind möglicherweise nicht verfügbar, oder die Antworten werden möglicherweise in Richtung älterer und weiter verbreiteter Dokumentationen verzerrt, sodass „wie man X in JS macht“ möglicherweise veraltete Anleitungen liefert.

Daher sollten Sie vorsichtig sein und die Antworten, die sie Ihnen geben, überprüfen und nicht einfach alles ohne Frage vertrauen.

Wenn Sie lernen, verbringen Sie Zeit damit, das Problem selbst zu lösen, bevor Sie eine 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 einbeziehen, wie in den obigen Beispielen gezeigt. Wenn Sie nur „wie man die Fibonacci-Folge ausgibt“ eingeben, würden Sie wahrscheinlich mehrere Lösungen in Python, C++, Java, Ruby oder anderen Sprachen erhalten – nicht ganz so hilfreich, wenn Sie JavaScript lernen möchten!

• Wenn Sie eine nützliche Antwort finden, markieren Sie sie oder machen Sie eine Kopie davon, 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 eine KI-Eingabeaufforderung einzugeben. Andere Leute haben wahrscheinlich bereits denselben Fehler in der Vergangenheit gelöst und Lösungen irgendwo öffentlich dokumentiert.

• Wenn möglich, bleiben Sie bei empfohlenen Websites wie MDN und StackOverflow.

• Es gibt viele fortgeschrittene Suchtechniken, die Sie in Suchmaschinen verwenden können, die Ihnen bessere Ergebnisse liefern, als einfach einen einfachen Suchbegriff einzugeben. 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:

  • Das Eingeben von "ant fish cheese" (mit den Anführungszeichen) wird nur Ergebnisse zurückgeben, die genau diese Phrase enthalten.
  • "ant cheese" -fish wird Ergebnisse zurückgeben, die ant und/oder cheese aber nicht fish enthalten.
  • ant OR cheese wird nur Ergebnisse mit einem Begriff oder dem anderen, nicht beiden zurückgeben. Laut unseren Tests schien dies nur in Google effektiv zu funktionieren.
  • intitle:cheese wird nur Ergebnisse zurückgeben, die "cheese" im Haupttitel der Seite enthalten.

  Hinweis: Es gibt viele andere Techniken, die Sie in verschiedenen Suchmaschinen verwenden können. Versuchen Sie zu sehen, welche anderen Sie finden können – einige nützliche Ressourcen sind Google-Suchen verfeinern, Erweiterte Syntax auf DuckDuckGo-Suche verwenden, und Microsoft: Erweiterte Suchoptionen.

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