Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Forschung und Lernen

Es gibt viel zu wissen als Webentwickler, und Sie lernen ständig. Aber wie finden Sie am effektivsten heraus, was Sie wissen müssen? Dieser Artikel bietet nützliche Tipps zur Forschung und zum Lernen.

Voraussetzungen: Keine
Lernziele:
  • Effektive Forschungsmethoden.
  • Erstellung eines Lernplans.
  • Motiviert bleiben.
  • Rubber Ducking
  • Effektive Problemlösung.
  • In die Denkweise des ständigen Lernens eintauchen.

Effektive Forschung

Als Webentwickler werden Sie viel Zeit damit verbringen, nach Lösungen für Probleme zu suchen, die in Ihrer Arbeit auftreten — es wird nicht erwartet, dass Sie sich alles merken! Professionelle Webentwickler nutzen Werkzeuge wie MDN Web Docs, um regelmäßig Dinge nachzuschlagen, die sie vergessen haben. Wie Sie feststellen werden, geht es beim Lernen der Webentwicklung mehr um Problemlösung und Lernmuster als um das Lernen vieler Syntaxen.

Um dies zu erleichtern und selbstständiger zu werden, sollten Sie effektive Strategien lernen, um Antworten zu finden — wie in den folgenden Abschnitten besprochen — und wann welche Strategie zu verwenden ist. Beispielsweise sollten Sie zuerst online Informationen suchen und Ihren Mentor, Ihre Klassenkameraden oder den Senior-Entwickler erst um Hilfe bitten, wenn Sie wirklich feststecken.

Wählen Sie hochwertige Ressourcen aus

Sie sollten sicherstellen, dass die Ressourcen, die Sie für Ihre Recherchen auswählen, von hoher Qualität und seriös sind. Um herauszufinden, welche Ressourcen seriös sind, fragen Sie Ihren Lehrer oder erfahrene Kollegen, was sie empfehlen würden, und führen Sie eine Websuche durch, um herauszufinden, was andere im Internet empfehlen. MDN wird natürlich empfohlen; andere gute Beispiele sind:

Lernen, welche Ressourcen wann zu verwenden sind

Dokumentation gibt es in verschiedenen Formen, und es ist nützlich zu wissen, wann welche Form nützlich ist. Die Terminologie kann zwischen den Seiten variieren, und es gibt oft einen gewissen Grad an Überlappung, aber im Allgemeinen sind die häufigsten Typen:

  • Referenzen: Ähnlich wie menschliche Sprachen Wörterbücher haben, die die Bedeutung jedes Wortes auflisten, haben Programmiersprachen Referenzen, die versuchen, alle möglichen Funktionen, die Entwickler verwenden werden, vollständig zu beschreiben, oft zusammen mit Anwendungsbeispielen. Referenzen konzentrieren sich darauf, was eine Funktion macht, weniger darauf, wie sie zu verwenden ist.
  • Tutorials: Ermöglichen Entwicklern das Erlernen, wie neue Technologien zu verwenden sind. Tutorials sind oft Schritt-für-Schritt-Anleitungen und richten sich an Anfänger.
  • Leitfäden/Anleitungen: ebenfalls mit Lernen verbunden, aber tendenziell weniger anfängerorientiert und zielen oft darauf ab, spezifische Probleme zu lösen.
  • Erklärer/Konzepte: Konzentrieren sich tendenziell auf die Erklärung der grundlegenden Konzepte und Anwendungsfälle einer bestimmten Technologie, anstatt auf die Details des Codes einzugehen.
  • Q&A/Foren: Seiten, auf denen Leute Fragen stellen und andere Antworten geben.

Sie sollten mehrere verschiedene Seiten konsultieren, sehen, welche Dokumentationsstile auf jeder Seite vorherrschen, und darüber nachdenken, welche in verschiedenen Situationen nützlich sind. Beispielsweise:

  • MDN ist großartig, um Referenzdokumentationen zu verschiedenen HTML-, CSS- und JavaScript-Funktionen nachzuschlagen und enthält auch nützliche Leitfäden und Tutorials, um neue Techniken zu erlernen.
  • Stack Overflow ist eine Q&A-Website, auf der sich Menschen helfen, Lösungen für spezifische Probleme zu finden.
  • Scrimba und Codecademy bieten interaktive Schritt-für-Schritt-Tutorials an. YouTube ist auch ein großartiger Ort, um Video-Tutorials zu finden.

Vor allem sollten Sie erkennen, welche Lernansätze für Sie am besten funktionieren. Verschiedene Menschen lernen auf unterschiedliche Weise. Realistisch gesehen werden Sie wahrscheinlich mehrere Ressourcen für Forschung und Lernen verwenden.

Effektiv suchen

Wenn Sie auf Ihren bevorzugten Websites keine Lösung für Ihr Problem finden können, müssen Sie Ihre Suche auf den Rest des Internets ausweiten. Wir haben in einem früheren Kurs allgemeine Tipps für effektive Websuchen behandelt (siehe Suche nach Informationen); dieser Abschnitt bietet ein paar spezifische Hinweise und Tipps zum Auffinden hochwertiger Informationen.

  • Wenn Sie ein Problem mit einem bestimmten Tool oder Produkt haben, konsultieren Sie zuerst die offizielle Dokumentation. Es überrascht, wie viele Leute nicht daran denken; offizielle Dokumentationen sind oft auf Anfänger ausgerichtet, daher denken erfahrene Benutzer vielleicht nicht, dass sie geeignet sind. Wenn das Produkt, das Sie verwenden, die Webplattform ist, dann ist die inoffizielle offizielle Dokumentation MDN, also sind Sie hier richtig!
  • Überprüfen Sie die Daten der gefundenen Ressourcen. Werden sie kürzlich gepflegt oder seit einiger Zeit nicht aktualisiert und sind daher möglicherweise veraltet? Seriöse Websites neigen dazu, Veröffentlichungs- und "zuletzt aktualisiert"-Daten anzugeben, damit Sie dies leicht überprüfen können. Idealerweise sollte ein Artikel von einer seriösen Seite, der eine moderne Technologie oder Technik abdeckt, nicht länger als ein paar Jahre (sagen wir 2–3) ungepflegt bleiben. Es ist durchaus möglich, dass ältere Dokumentationen über eine ausgereifte Technologie (zum Beispiel grundlegende HTML- oder CSS-Funktionen) immer noch korrekt sind, aber Sie sollten dies im Hinterkopf behalten.
  • Im Anschluss an den vorherigen Punkt können selbst neu veröffentlichte Ressourcen veraltete Informationen enthalten. Beispielsweise: Behandelt ein Artikel über das Layout von CSS-Seiten moderne Ansätze wie Grid und Flexbox, oder stellt er immer noch veraltete Techniken vor, wie die Verwendung von Floats zur Erstellung von mehrspaltigen Layouts?
  • Verlassen Sie sich nicht nur auf eine einzige Quelle der Wahrheit. Überprüfen Sie verschiedene Quellen, insbesondere wenn Sie sich nicht sicher sind, ob eine Quelle vertrauenswürdig ist.
  • Sie können auch versuchen, KI-Tools zu verwenden, um bei Codierungsproblemen zu helfen — zum Beispiel ChatGPT oder GitHub Copilot. Sie sollten KI-Tools mit Vorsicht verwenden (insbesondere als Anfänger) und sich mit ihren Stärken und Schwächen vertraut machen:
    • Auf der positiven Seite können sie die Forschung/Suche enorm beschleunigen und helfen, Code und Texte zu strukturieren.
    • Auf der anderen Seite haben KI-Tools keine logischen Fähigkeiten und geben häufig Antworten, die irreführend oder einfach falsch sind. Sie sollten nicht einfach annehmen, dass die KI-Antworten korrekt sind — testen Sie sie und verifizieren Sie sie mit anderen Quellen.

Hinweis zum Kopieren und Einfügen von Code

Unabhängig davon, ob er von einer KI generiert wurde oder nicht, wurde immer davor gewarnt, Code zu kopieren, einzufügen und zu verwenden, den Sie nicht geschrieben und nicht verstanden haben, unabhängig von Ihrem Kenntnisstand. Dies macht Fehler schwerer zu beheben und kann Sicherheits-, Performance- oder Zugangsprobleme hervorrufen, die oft aus dem Kontext oder der Art und Weise, wie Sie ihn verwenden, resultieren.

Als Anfänger bedeutet das bloße Kopieren und Einfügen einer Lösung, dass Sie die Lerngelegenheit verpassen, selbst etwas zu tun, was entscheidend ist, um Fähigkeiten oder Konzepte zu verinnerlichen. Darüber hinaus könnten Sie auf Lizenzprobleme stoßen, wenn der Code urheberrechtlich geschützt ist und Sie keine Erlaubnis zur Verwendung haben.

Der Rat hier ist, dass wenn Sie eine Lösung von woanders verwenden, Sie zumindest versuchen sollten, zu verstehen, wie sie funktioniert, bevor Sie sie kopieren und einfügen. Idealerweise lernen Sie aus der Lösung und schreiben dann Ihre eigene Version.

Bauen Sie ein Netzwerk von Kontakten auf

Wir haben genug über Websites gesprochen, jetzt sprechen wir über Menschen. Und Websites.

Der Aufbau eines Netzwerks von Leuten, mit denen Sie zusammenarbeiten können, ist ein wesentlicher Teil des Webentwicklers. Wir werden auch im Zusammenarbeit und Teamarbeit darüber sprechen; hier konzentrieren wir uns speziell darauf, Ihr Netzwerk zur Unterstützung bei der Forschung zu nutzen.

Ein effektives Forschungsnetzwerk besteht aus mehreren Gruppen von Menschen mit unterschiedlichen Kenntnisständen und Nähe zu Ihnen:

  • Gleichaltrige: Es ist nützlich, Informationen mit Ihren unmittelbaren Kollegen zu teilen und sich gegenseitig Fragen zu stellen - das könnten Ihre Klassenkameraden oder Ihre Teamkollegen sein -, da sie möglicherweise nützliche Einblicke teilen oder bereit sein könnten, zusammen an dem Problem zu arbeiten. Sie könnten auch schon an dem gleichen Problem gearbeitet haben und könnten eine Antwort geben.

  • Lehrer oder leitende Kollegen: Wenn Ihre Gleichaltrigen nicht helfen können, ist der nächste Schritt normalerweise, einen leitenden Kollegen, Manager oder Lehrer zu fragen. Sie haben mehr Erfahrung als Ihre Gleichaltrigen, aber denken Sie daran, dass sie weniger Freizeit haben. Sie erzielen bessere Ergebnisse und mehr Anerkennung, wenn Sie zeigen, dass Sie bereits versucht haben, das Problem selbst zu lösen, und respektvoll mit ihrer Zeit umgehen. Um das zu tun:

    • Führen Sie Aufzeichnungen darüber, was Sie bereits versucht haben. Was ist bereits gescheitert?
    • Wenn das Forschungsthema ein spezifisches Codebeispiel oder eine Technik ist, die Sie nicht zum Laufen bringen, erstellen Sie einen Online-Testfall mit einer Seite wie CodePen oder Scrimba Kurspartner, den Sie ihnen zeigen können.
    • Überlegen Sie sorgfältig, welche Fragen Sie ihnen stellen — was genau ist das Problem? Wenn Sie mehrere Probleme haben, über die Sie sie fragen möchten, priorisieren Sie sie, um sicherzustellen, dass Sie die wichtigsten Punkte abdecken.
    • Setzen Sie sich ein Ziel für die Sitzung, zum Beispiel "versuchen Sie, eine Lösung für das höchste Prioritätsproblem zu finden". Beachten Sie auch, dass die Lösung des größten Problems möglicherweise auch zur Behebung anderer Probleme führt.
    • Fragen Sie sie, wie sie am liebsten mit Ihnen über das Problem kommunizieren möchten, um die Interaktion für sie so angenehm wie möglich zu gestalten.
    • Wenn Sie ein Treffen vereinbaren, buchen Sie nicht mehr Zeit als nötig. Wenn Sie sich nicht sicher sind, wie viel Zeit Sie benötigen, begrenzen Sie die Sitzung auf beispielsweise 30 Minuten. Sie können sie jederzeit in der Zukunft um weitere Hilfe bitten.
  • Weitreichendes Community-Netzwerk: Dies könnte aus einer speziellen Online-Community wie Foren oder Chat-Gruppen bestehen (zum Beispiel der MDN Web Docs Discord oder die freeCodeCamp-Foren), oder einem physischen Treffen wie einer Konferenz oder einem Fähigkeitsaustausch-Event.

  • Globales Netzwerk: Manchmal könnten Ihnen die Optionen ausgegangen sein, in diesem Fall könnten Sie versuchen, Ihre Frage in einer allgemeinen globalen Community wie einem sozialen Netzwerk zu stellen. Manchmal kommen hilfreiche Antworten aus unerwarteten Quellen.

Hinweis: Es gibt definitiv ein Gleichgewicht darin, zu wissen, wann man um Hilfe bitten sollte. Webentwickler sollten nicht ständig ihre Kollegen/Teamkollegen belästigen, aber ebenso wenig sollten sie weitermachen und vorgeben, zu wissen, was sie tun, wenn sie es nicht tun. Betrachten Sie den Wert, zur richtigen Zeit "Ich weiß nicht" zu sagen.

Am wichtigsten ist es, sicherzustellen, dass Sie zu allen Zeiten respektvoll und freundlich zu allen Personen sind, mit denen Sie interagieren. Sie sollten auch lernen, ebenso viel zurückzugeben wie zu nehmen; Webentwickler, die im Gegenzug Hilfe bieten, bauen mit größerer Wahrscheinlichkeit starke Beziehungen auf und erhalten weiterhin Unterstützung.

Erstellen Sie einen Lernplan

Es ist eine gute Idee, einen Plan zu erstellen, um Ihnen dabei zu helfen, das zu lernen, was Sie lernen möchten.

Beginnen Sie mit einer Zielaussage

Es mag albern klingen, aber Sie sollten mit einem einzigen Satz beginnen, der sagt, was Sie erreichen wollen. Sie sollten ehrgeizig, aber auch realistisch sein.

Die folgenden Beispiele haben unterschiedliche Reichweiten, sind aber alle realistisch und erreichbar:

  • Ich möchte in zwei Jahren ein professioneller Webentwickler werden.
  • Ich möchte genug lernen, um eine Website für meinen lokalen Amateur-Tennisclub zu erstellen.
  • Ich möchte HTML und CSS lernen, um meine berufliche Rolle zu erweitern und unseren Firmeninhalt auf der Website zu aktualisieren.

Die folgenden sind nicht ganz so realistisch:

  • Ich möchte in drei Monaten von einem völligen Anfänger zu einem leitenden Webentwickler werden.
  • Ich möchte in zwei Jahren mein eigenes Unternehmen gründen und ein soziales Netzwerk aufbauen, das Facebook übertrifft.

Definieren Sie, was Sie benötigen, um dorthin zu gelangen

Sobald Sie Ihr Ziel erarbeitet haben, sollten Sie recherchieren, was Sie benötigen, um das Ziel zu erreichen.

Zum Beispiel:

  • Materialien, die ich brauche:
    • Einen Computer
    • Internetzugang
    • Stifte und Papier
  • Wissen, das ich brauche:
    • Wie man HTML, CSS, JavaScript und zugehörige Werkzeuge verwendet und Best Practices für den Aufbau von Websites und Webanwendungen einsetzt (wir können Ihnen dabei definitiv helfen!).
    • Wie man eine Domain und Hosting erhält und sie nutzt, um eine Website oder Anwendung online zu stellen.
    • Wie man ein kleines Unternehmen führt.
    • Wie man mein Unternehmen bewirbt und Kunden gewinnt.

Schätzen Sie, wie viel Zeit Sie benötigen

Als Nächstes sollten Sie beginnen, einen Zeitplan zu erstellen, um Ihr Ziel zu erreichen. Es kann so einfach sein wie:

"Es wird mich ungefähr 500 Stunden kosten, um das zu lernen, was ich wissen muss, und ich habe ein Jahr dafür. Wenn ich von 2 Wochen Urlaub ausgehe, muss ich dafür 10 Stunden pro Woche arbeiten. Ich habe abends und an Wochenenden Zeit, also plane ich meine Zeit um diese herum."

Machen Sie sich keine Sorgen darüber, wie genau der Plan ist. Eine grobe Schätzung reicht aus — es ist wichtiger, etwas aufgeschrieben zu haben, woran Sie arbeiten können.

Wie viel Zeit Sie dafür aufbringen können, hängt natürlich von Ihren Umständen ab. Wenn Sie zur Schule gehen, haben Sie viel mehr Freizeit als jemand mit einem Job und Kindern, um die er sich kümmern muss. Es ist immer noch möglich, Ihre Ziele zu erreichen, aber Sie müssen realistisch sein, wie schnell Sie dies tun können.

Wenn Sie einen Universitäts- oder Hochschulkurs zur Webentwicklung machen, ist der größte Teil dieser Planung bereits für Sie erledigt — Sie haben Glück!

Es ist eine gute Idee, einige Unterziele unter Ihrem Hauptziel aufzuschreiben, um leichter im Blick zu behalten, wo Sie stehen. Zum Beispiel:

  • Grundlagen von HTML und CSS bis Sommer gelernt
  • Grundlagen von JavaScript bis Dezember gelernt
  • Beispiel-Website-Projekt bis nächsten April erstellt
  • usw.

Wenn Sie sich nicht sicher sind, welche Punkte Sie auf Ihre Zielliste setzen sollen, kann Ihnen unser Lehrplan helfen.

Wenn Sie einen wöchentlichen Zeitplan ausgearbeitet haben, sollten Sie festhalten, was Sie jede Woche schaffen, entweder in einem einfachen Tabellenkalkulationsprogramm oder sogar in einem Notizbuch! Denken Sie kontinuierlich darüber nach, wie viel Fortschritt Sie machen, und passen Sie Ihren Plan gegebenenfalls an.

Wie man motiviert bleibt

Es ist schwierig, motiviert zu bleiben, insbesondere wenn Sie versuchen, eine komplexe Fähigkeit wie Programmieren oder Webentwicklung zu erlernen. Was folgt, sind einige Tipps, um motiviert zu bleiben und weiter zu lernen:

  • Versuchen Sie, Ihren Arbeitsbereich so produktiv wie möglich zu gestalten. Besorgen Sie sich einen bequemen Schreibtisch und Stuhl zum Arbeiten, stellen Sie sicher, dass Sie genügend Licht haben, um zu sehen, was Sie tun, und versuchen Sie, Dinge einzubeziehen, die Ihnen beim Konzentration helfen (zum Beispiel ruhige Musik, Düfte, was auch immer Sie brauchen). Versuchen Sie nicht, in einem Raum mit Ablenkungen zu arbeiten - zum Beispiel einem Fernseher, in dem Ihre Freunde Fußball gucken! Lassen Sie auch Ihr Mobiltelefon außerhalb des Raumes — die meisten Menschen werden oft von ihrem Telefon abgelenkt, also sollten Sie es woanders lassen.
  • Essen, Bewegung und Schlaf. Essen Sie gesund, treiben Sie regelmäßig Sport und stellen Sie sicher, dass Sie genug Schlaf bekommen. Das klingt offensichtlich, aber es ist leicht zu vergessen, wenn Sie richtig im Programmieren vertieft sind. Planen Sie diese wesentlichen Faktoren in Ihren Tagesablauf ein und stellen Sie sicher, dass Sie nicht mehr Lernzeit auf Kosten dieser Dinge einplanen.
  • Belohnen Sie sich selbst. Planen Sie lustige Dinge nach jeder Lerneinheit ein, die Sie erst nach Abschluss des Lernens durchführen. Wenn Sie beispielsweise wirklich gerne spielen, gibt es etwas sehr Motivierendes an der Aussage "kein Spielen heute Abend, es sei denn, ich schaffe meine 3 Stunden Lernen". Jetzt brauchen Sie nur noch Willenskraft. Viel Glück!
  • Gemeinsames Lernen und Präsentation. Dies ist nicht für jeden eine Option, aber soweit möglich, versuchen Sie, gemeinsam mit anderen zu lernen. Auch dies ist einfacher, wenn Sie einen Hochschulkurs zur Webentwicklung belegen, aber vielleicht können Sie einen Freund überzeugen, mit Ihnen zu lernen, oder jemanden in Ihrem lokalen Meetup? Es ist wirklich nützlich und motivierend, jemanden zu haben, mit dem Sie Ideen diskutieren und den Sie um Hilfe bitten können. Nehmen Sie sich auch die Zeit, Ihre Arbeit vorzustellen. Diese Beifallsrufe werden Sie anspornen.

Pausen machen und Rubber Ducking

Wenn Sie Schwierigkeiten haben, die Antwort auf eine Frage oder ein Problem zu finden oder sich auf Ihr Lernen zu konzentrieren, ist es nützlich, eine Pause einzulegen. Gehen Sie 15 Minuten spazieren, machen Sie sich eine Tasse Tee oder hören Sie Musik. Oder kombinieren Sie alles drei!

Es ist auch körperlich schlecht, zu lange ohne Pause zu arbeiten; zu lange auf einen Monitor zu starren, kann Ihren Augen schaden, und zu langes Stillsitzen kann schlecht für Ihren Rücken oder Ihre Beine sein. Sie können das Risiko einer Überanstrengung der Augen verringern, indem Sie die "20-20-20-Regel" befolgen; alle 20 Minuten schauen Sie 20 Sekunden lang auf etwas, das 20 Meter entfernt ist. Wir empfehlen auch, jede Stunde bis 90 Minuten eine ordentliche 15-minütige Pause zu machen.

Während Ihrer Pause versuchen Sie, Ihr Problem mit einem Kollegen, Freund oder Familienmitglied zu besprechen. Auch wenn sie Ihnen keine Antwort geben können, liegt es nahe, dass Sie die Lösung von selbst finden, indem Sie das Problem in Ihrem eigenen Kopf durchdenken. Es funktioniert selbst dann, wenn Sie das Problem laut vor sich selbst oder einem unbelebten Gegenstand erklären.

Diese Technik ist bekannt als Rubber Duck Debugging (oder Rubber Ducking), weil traditionell die Idee war, dass Sie Ihr Codierungsproblem einer Gummiente erklären.

Effektive Problemlösung

Es gibt keine einheitlich effektive Methode, um alle mit der Webentwicklung verbundenen Probleme zu lösen (und alles zu lernen), aber es gibt einige allgemeine Ratschläge, die Ihnen in den meisten Fällen gut dienen werden.

Probleme in Einzelteile aufteilen

Wenn Sie versuchen, etwas Spezifisches umzusetzen und es scheint wirklich schwer zu begreifen zu sein, sollten Sie versuchen, es in mehrere kleinere Probleme oder Teile aufzuteilen.

Zum Beispiel, wenn Sie mit der Aufgabe "Erstellen Sie eine einfache zweispaltige Website" konfrontiert sind, könnten Sie sie wie folgt aufteilen:

  • Erstellen Sie die HTML-Struktur.
  • Arbeiten Sie die grundlegende Typografie der Website aus.
  • Arbeiten Sie ein einfaches Farbschema aus.
  • Implementieren Sie ein allgemeines Layout — Header, horizontales Navigationsmenü, Hauptinhaltsbereich mit Haupt- und Seitenkolonnen und Footer.
  • Implementieren Sie ein horizontales Navigationsmenü.
  • usw.

Dann könnten Sie es weiter aufteilen. Zum Beispiel könnte "Implementieren Sie ein horizontales Navigationsmenü" wie folgt aufgeschrieben werden:

  • Markieren Sie eine Liste der Menüpunkte.
  • Ordnen Sie die Menüpunkte horizontal in einer Linie an.
  • Entfernen Sie unnötige Standardwerte, wie Listenabstände und Aufzählungszeichen.
  • Stylen Sie die Hover-/Fokus-/Aktiv-Zustände der Menüpunkte angemessen.
  • Verteilen Sie die Menüpunkte gleichmäßig.
  • Geben Sie den Menüpunkten genügend vertikalen Abstand.
  • Stellen Sie sicher, dass der Text in jedem Menüpunkt zentriert ist.
  • usw.

Jedes dieser Probleme erscheint nicht annähernd so schwierig zu lösen wie das eine große Problem, das Sie ursprünglich hatten.

Erkennen Sie Muster

Webentwicklung dreht sich hauptsächlich um Problemlösung und Muster.

Sobald Sie aufgeschrieben haben, was Sie tun müssen, um ein spezifisches Problem zu lösen, können Sie herausfinden, welche Technologieeigenschaften Sie verwenden müssen, um es zu lösen. Beispielsweise haben professionelle Webentwickler viele horizontale Navigationsmenüs erstellt, also denken sie sofort an eine Lösung wie diese:

  1. Ein Navigationsmenü wird üblicherweise aus einer Liste von Links erstellt, so etwas wie:

    html
    <ul>
      <li><a href="">First menu item</a></li>
      <li><a href="">Second menu item</a></li>
      <li><a href="">Third menu item</a></li>
      <li><a href="">etc.</a></li>
    </ul>
    
  2. Um alle Elemente horizontal auf einer Linie anzuordnen, ist der einfachste moderne Weg, Flexbox zu verwenden:

    css
    ul {
      display: flex;
    }
    
  3. Um unnötigen Abstand und Aufzählungszeichen zu entfernen, können wir dies tun:

    css
    ul {
      list-style-type: none;
      padding: 0;
    }
    
  4. (Weitere Schritte folgen.)

Wie viel Forschung Sie benötigen, um die Lösung zu finden, hängt davon ab, wie erfahren Sie sind und ob Sie zuvor etwas Ähnliches umgesetzt haben. Sie erkennen möglicherweise das Muster aus einem früheren Projekt und müssen nur einige Teile der Syntax aufschreiben, die Sie seitdem vergessen haben.

Wenn Sie Lösungen für solche Probleme finden, ist es sinnvoll, Notizen darüber zu machen, was Sie getan haben, und einige minimale Codebeispiele in einem Verzeichnis zu speichern, damit Sie auf frühere Arbeiten zurückgreifen können.

Schauen Sie sich den Code anderer Leute an

Das Web verfügt über Entwicklerwerkzeuge, mit denen Sie den Code betrachten können, der jede Seite aufgebaut hat. Wenn Ihnen keine Lösung zur Verfügung steht, ist eine gute Forschungsmethode, Websites mit ähnlichen Funktionen im Internet zu finden und zu sehen, wie sie es gemacht haben.

Denkweise des ständigen Lernens

Sie sollten sich in die Denkweise des ständigen Lernens versetzen. Das Web entwickelt sich ständig weiter, und Technologien und Trends ändern sich laufend, und Sie müssen Ihr Wissen ständig aktualisieren, um Schritt zu halten. Sie werden nie alles lernen!

Um es sich einfacher zu machen:

  • Seien Sie neugierig. Wenn Sie eine Website-Funktion sehen, die cool, interessant aussieht und/oder die Sie nicht verstehen, recherchieren Sie, um herauszufinden, wie sie gemacht wird. Es könnte die Grundlage Ihres nächsten Forschungsprojekts oder Ihrer nächsten Lerneinheit sein.
  • Sie sollten regelmäßig Leseaufgaben oder kleine Forschungsprojekte durchführen. Planen Sie spezifische Lernzeiten für den Erwerb neuer Fähigkeiten ein.
  • Gewöhnen Sie sich an, regelmäßig technische Nachrichten, Blogs und Browser-Release-Notizen zu lesen, um zu sehen, welche neuen Dinge auf Sie zukommen, die Sie lernen müssen.
  • Üben Sie weiter. Je mehr Sie das Lösen eines Problems üben, desto stärker sind die neuronalen Bahnen in Ihrem Gehirn in diesem Bereich, desto einfacher lässt sich die Logik dieses bestimmten Problems abrufen, und desto sicherer werden Sie beim Lernen ähnlicher Lösungen in der Zukunft.