Forschung und Lernen

Es gibt viel zu wissen als Webentwickler, und man lernt ständig dazu. Aber wie findet man am effektivsten heraus, was man wissen muss? Dieser Artikel bietet nützliche Tipps zur Forschung und zum Lernen.

Voraussetzungen: N/A
Lernziele:
  • Effektive Forschungsmethoden.
  • Einen Lernplan erstellen.
  • Motiviert bleiben.
  • Rubber Ducking
  • Effektive Problemlösung.
  • In die Denkweise des ständigen Lernens kommen.

Effektive Forschung

Als Webentwickler werden Sie viel Zeit damit verbringen, nach Lösungen für Probleme zu suchen, auf die Sie bei Ihrer Arbeit stoßen — es wird nicht erwartet, dass Sie sich alles merken! Professionelle Webentwickler nutzen Tools wie MDN Web Docs, um Dinge nachzuschlagen, die sie vergessen haben. Wie Sie entdecken werden, geht es beim Lernen von Webentwicklung mehr um Problemlösungen und Lernmuster als um das Lernen vieler Syntaxe.

Um dies zu erleichtern und unabhängiger zu werden, sollten Sie effektive Strategien zum Finden von Antworten erlernen — wie in den folgenden Abschnitten besprochen — und wann welche Strategie zu verwenden ist. Beispielsweise sollten Sie Informationen zuerst online nachschlagen und Ihren Mentor, Ihre Klassenkameraden oder einen erfahrenen Entwickler nur dann um Hilfe bitten, wenn Sie wirklich feststecken.

Hochwertige Ressourcen wählen

Sie sollten sicherstellen, dass die Ressourcen, die Sie für Ihre Forschung wählen, hochwertig und seriös sind. Um herauszufinden, welche Ressourcen seriös sind, fragen Sie Ihren Lehrer oder erfahreneren Kollegen, was sie empfehlen würden, und führen Sie einige Websuchen 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 Typen, und es ist nützlich zu wissen, wann welcher Typ nützlich ist. Die Begriffe können zwischen Seiten variieren, und es gibt oft eine gewisse Überschneidung, 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, den Zweck und die Syntax jedes möglichen Features, das Entwickler verwenden werden, umfassend abzudecken, oft zusammen mit Anwendungsbeispielen. Referenzen konzentrieren sich auf was ein Feature tut statt wie es verwendet wird.
  • Tutorials: Ermöglichen es Entwicklern zu lernen, wie man neue Technologien verwendet. 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 oft darauf ausgelegt, spezifische Probleme zu lösen.
  • Erklärer/Konzeptuell: Konzentrieren sich darauf, die Konzepte und Anwendungsfälle hinter einer bestimmten Technologie zu erklären, anstatt sich in die Details des Codes zu vertiefen.
  • Q&A/Foren: Seiten, auf denen Menschen Fragen stellen und andere Antworten geben.

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

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

Wichtig ist, herauszufinden, 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 nutzen.

Effektiv suchen

Wenn Sie auf Ihren bevorzugten Seiten keine Lösung für Ihr Problem finden können, müssen Sie Ihre Suche auf den Rest des Webs ausweiten. Wir haben allgemeine Tipps für effektive Websuchen früher im Kurs behandelt (siehe Informationen suchen); dieser Abschnitt bietet einige spezifische Tipps im Zusammenhang mit der Suche nach hochwertigen Informationen.

  • Wenn Sie ein Problem mit der Verwendung eines bestimmten Tools oder Produkts haben, konsultieren Sie zuerst die offizielle Dokumentation. Es ist überraschend, wie viele Menschen nicht daran denken, dies zu tun; offizielle Dokumente sind oft auf Anfänger ausgelegt, sodass erfahrene Leute nicht daran denken, dass sie geeignet sind. Wenn das Produkt, das Sie verwenden, die Webplattform ist, ist die inoffizielle offizielle Dokumentation MDN, also sind Sie an der richtigen Stelle!
  • Überprüfen Sie die Daten der gefundenen Ressourcen. Sind sie kürzlich gepflegt worden oder eine Zeit lang nicht aktualisiert und daher möglicherweise veraltet? Seriöse Seiten tendieren dazu, Veröffentlichungs- und "zuletzt aktualisierte" Daten darauf anzugeben, damit Sie dies leicht überprüfen können. Idealerweise sollte ein Artikel von einer seriösen Seite, der eine moderne Technologie oder Technik behandelt, nicht länger als ein paar Jahre (sagen wir 2–3) ungepflegt bleiben. Es ist durchaus möglich, dass ältere Dokumentationen, die eine ausgereifte Technologie abdecken (z. B. grundlegende HTML- oder CSS-Features), immer noch korrekt sein können, aber Sie sollten dies im Hinterkopf behalten.
  • Als Fortführung des vorherigen Punktes können selbst neu veröffentlichte Ressourcen veraltete Informationen enthalten. Beispielsweise, behandelt ein Artikel über CSS-Layout moderne Ansätze wie Grid und Flexbox oder präsentiert er immer noch veraltete Techniken wie die Verwendung von Floats zur Erstellung von Mehrspalten-Layouts?
  • Verlassen Sie sich nicht auf eine einzige Informationsquelle. Vergleichen Sie verschiedene Quellen, insbesondere wenn Sie sich nicht sicher sind, ob eine Quelle vertrauenswürdig ist oder nicht.
  • Sie können auch versuchen, AI-Tools zur Hilfe bei Codierungsproblemen zu verwenden — zum Beispiel ChatGPT oder GitHub Copilot. Sie sollten AI-Tools mit Vorsicht verwenden (insbesondere als Anfänger) und sich mit deren Stärken und Schwächen vertraut machen:
    • Positiv ist, dass sie Forschung/Suchen enorm beschleunigen und bei der Strukturierung von Code und Text helfen können.
    • Auf der anderen Seite haben AI-Tools keine Vernunft und liefern häufig Antworten, die irreführend oder einfach nur falsch sind. Sie sollten nicht davon ausgehen, dass AI-Antworten korrekt sind — testen Sie sie und überprüfen Sie sie mit anderen Quellen.

Anmerkung zum Kopieren und Einfügen von Code

Ob von einem AI generiert oder nicht, das Kopieren, Einfügen und Verwenden von Code, den Sie nicht geschrieben und nicht verstanden haben, wurde immer abgeraten, unabhängig von Ihrem Erfahrungsstand. Es macht es schwieriger, Fehler zu beheben, und es können Sicherheits-, Leistungs- oder Zugänglichkeitsprobleme mit dem Code geben, oft aufgrund des Kontexts oder der Art und Weise, wie Sie ihn verwenden.

Als Anfänger bedeutet das bloße Kopieren und Einfügen einer Lösung, dass Sie die Lernmöglichkeit verpassen, etwas selbst zu tun, was der Schlüssel zum Einprägen von Fähigkeiten oder Konzepten ist. Sie können auch auf Lizenzprobleme stoßen, wenn der Code urheberrechtlich geschützt ist und Sie keine Erlaubnis zur Nutzung haben.

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

Ein Netzwerk von Kontakten aufbauen

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

Der Aufbau eines Netzwerks von Menschen, mit denen man zusammenarbeiten kann, ist ein wesentlicher Bestandteil des Daseins als Webentwickler. Wir werden auch in Zusammenarbeit und Teamarbeit darüber sprechen; hier konzentrieren wir uns speziell darauf, wie Sie Ihr Netzwerk zur Unterstützung bei der Forschung nutzen können.

Ein effektives Forschungsnetzwerk besteht aus mehreren Gruppen von Menschen mit unterschiedlichem Wissensstand und räumlicher Nähe zu Ihnen:

  • Gleichgesinnte: Es ist nützlich, Informationen mit Ihren unmittelbaren Gleichgesinnten auszutauschen und Fragen zu stellen — das könnten Ihre Klassenkameraden oder Teamkollegen sein — da sie möglicherweise nützliche Einblicke teilen oder an dem Problem arbeiten möchten. Sie könnten auch bereits mit demselben Problem gearbeitet haben und in der Lage sein, eine Antwort zu geben.

  • Lehrer oder erfahrene Kollegen: Wenn Ihre Gleichgesinnten nicht helfen können, ist der nächste Schritt normalerweise, einen erfahrenen Kollegen, Manager oder Lehrer zu fragen. Sie werden mehr Erfahrung haben als Ihre Gleichgesinnten, bedenken Sie jedoch, dass sie weniger freie Zeit zur Verfügung haben. Sie erhalten bessere Ergebnisse und mehr Wertschätzung, wenn Sie zeigen, dass Sie bereits versucht haben, das Problem selbst zu lösen, und respektvoll mit ihrer Zeit umgehen. Um dies zu tun:

    • Führen Sie Aufzeichnungen darüber, was Sie bereits versucht haben. Was hat bereits nicht funktioniert?
    • Wenn der Forschungsgegenstand ein bestimmtes Code-Beispiel oder eine Technik ist, die Sie nicht zum Laufen bringen können, erstellen Sie einen Online-Testfall mit einer Seite wie CodePen oder Scrimba Kurs Partner, den Sie ihnen zeigen können.
    • Überlegen Sie sorgfältig, welche Fragen Sie ihnen stellen sollten — was genau ist das Problem? Wenn Sie mehrere Probleme haben, über die Sie mit ihnen sprechen möchten, ordnen Sie sie nach Priorität, um sicherzustellen, dass Sie die wichtigsten Punkte abdecken.
    • Setzen Sie sich ein Ziel für die Sitzung, z. B. "versuchen Sie eine Lösung für das priorisierte Problem zu finden". Beachten Sie auch, dass die Lösung des größten Problems möglicherweise auch zu einer Behebung anderer Probleme führt.
    • Fragen Sie sie, wie sie es bevorzugen würden, mit Ihnen über das Problem zu kommunizieren, 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 lange Sie benötigen werden, begrenzen Sie die Sitzung auf etwa 30 Minuten. Sie können sie jederzeit fragen, ob sie Ihnen in der Zukunft weiterhelfen können.
  • Größeres Gemeinschaftsnetzwerk: Dies könnte aus einer dedizierten Online-Community wie Foren oder Chat-Gruppen (beispielsweise den MDN Web Docs discord oder die freeCodeCamp-Foren) bestehen, oder aus einem physischen Treffen wie einer Konferenz oder Veranstaltung zum Austausch von Fähigkeiten.

  • Globales Netzwerk: Manchmal sind Sie möglicherweise ohne Optionen, in diesem Fall könnten Sie versuchen, Ihre Frage in einer allgemeinen globalen Community wie einem sozialen Netzwerk zu stellen. Manchmal können hilfreiche Antworten aus unerwarteten Quellen kommen.

Hinweis: Es gibt definitiv ein Gleichgewicht, den richtigen Zeitpunkt für das Bitten um Hilfe zu kennen. Webentwickler sollten nicht ständig ihre Kollegen oder Mitarbeiter belästigen, aber genauso wenig sollten sie alleine weitermachen und so tun, als wüssten sie, was sie tun, wenn sie es nicht tun. Betrachten Sie den Wert von "Ich weiß es nicht" zur richtigen Zeit.

Am wichtigsten ist, dass Sie jederzeit respektvoll und freundlich zu allen Menschen sind, mit denen Sie interagieren. Sie sollten auch lernen, sich nicht nur nehmen zu lassen, sondern auch zu geben; Webentwickler, die sich revanchieren und helfen, sind viel wahrscheinlicher, starke Beziehungen aufzubauen und weiter Hilfe zu bekommen.

Einen Lernplan erstellen

Es ist eine gute Idee, einen Plan zu erstellen, um Ihnen beim Lernen zu helfen, 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 haben unterschiedliche Umfänge, sind jedoch alle realistisch und erreichbar:

  • Ich möchte innerhalb von zwei Jahren ein professioneller Webentwickler werden.
  • Ich möchte genug lernen, um eine Website für meinen lokalen Amateur-Tennisverein zu erstellen.
  • Ich möchte HTML und CSS lernen, damit ich meine Jobrolle erweitern und die Aktualisierung des Inhalts auf unserer Unternehmenswebsite übernehmen kann.

Die folgenden sind nicht ganz so realistisch:

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

Definieren Sie, was Sie dazu brauchen werden

Nachdem Sie Ihr Ziel erarbeitet haben, ist es eine gute Idee, zu recherchieren, was Sie benötigen, um das Ziel zu erreichen.

Zum Beispiel:

  • Materialien, die ich benötige:
    • Einen Computer
    • Internetzugang
    • Stifte und Papier
  • Wissen, das ich benötige:
    • Wie man HTML, CSS, JavaScript und zugehörige Tools und Best Practices verwendet, um Websites und Webanwendungen zu erstellen (damit können wir Ihnen definitiv helfen!).
    • Wie man eine Domain bekommt, Hosting einrichtet und diese verwendet, um eine Website oder Anwendung online zu stellen.
    • Wie man ein kleines Unternehmen führt.
    • Wie man mein Geschäft bewirbt und Kunden gewinnt.

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

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

"Es wird etwa 500 Stunden dauern, um das zu lernen, was ich wissen muss, und ich habe ein Jahr Zeit, es zu tun. Wenn ich 2 Wochen Urlaub einplane, muss ich 10 Stunden pro Woche daran arbeiten. Ich habe abends und am Wochenende Zeit, also plane ich meine Zeit rund um diese."

Zerbrechen Sie sich nicht über die Genauigkeit des Plans den Kopf. Eine grobe Schätzung reicht — es ist wichtiger, etwas aufgeschrieben zu haben, auf das Sie hinarbeiten können.

Wie viel Zeit Sie dafür aufwenden können, hängt natürlich von Ihren Umständen ab. Wenn Sie in der Schule sind, haben Sie viel mehr Freizeit als wenn Sie einen Job und Kinder zu versorgen haben. Es ist immer noch möglich, Ihre Ziele zu erreichen, aber Sie müssen realistisch darüber sein, wie schnell Sie es tun können.

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

Es ist eine gute Idee, einige Unterziele unter Ihrem Hauptziel zu schreiben, um den Überblick über Ihren Fortschritt zu behalten. Zum Beispiel:

  • HTML und CSS-Grundlagen bis zum Sommer gelernt
  • JavaScript-Grundlagen 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 erstellt haben, sollten Sie aufzeichnen, was Sie jede Woche geschafft haben, entweder in einem einfachen Tabellenblatt oder sogar in einem Notizbuch! Denken Sie weiter darüber nach, wie viel Fortschritt Sie machen, und passen Sie Ihren Plan bei Bedarf an.

Wie Sie motiviert bleiben

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

  • Versuchen Sie, Ihre Arbeitsumgebung so produktiv wie möglich zu gestalten. Besorgen Sie sich einen bequemen Schreibtisch und Stuhl, um darin zu arbeiten, stellen Sie sicher, dass Sie genug Licht haben, um zu sehen, was Sie tun, und versuchen Sie Dinge einzubeziehen, die Ihnen helfen, sich zu konzentrieren (zum Beispiel sanfte Musik, Düfte, was auch immer Sie sonst benötigen). Versuchen Sie nicht zu arbeiten, wenn Ablenkungen vorhanden sind — beispielsweise ein Fernsehgerät eingeschaltet ist, während Ihre Freunde Fußball schauen! Lassen Sie auch Ihr Mobiltelefon außerhalb des Raumes — die meisten Menschen lassen sich stark von ihrem Telefon ablenken, also sollten Sie es woanders liegen lassen.
  • Essen, Bewegung und Schlaf. Essen Sie gesund, treiben Sie regelmäßig Sport und stellen Sie sicher, dass Sie ausreichend schlafen. Das klingt offensichtlich, aber es ist leicht zu vergessen, wenn man sich wirklich für das Programmieren begeistert. Berücksichtigen Sie diese wesentlichen Zutaten in Ihrem Zeitplan und stellen Sie sicher, dass Sie nicht mehr Lernzeit anstelle dieser Dinge planen.
  • Belohnen Sie sich selbst. Planen Sie lustige Aktivitäten nach jeder Lernsitzung ein, die Sie nur haben werden, wenn das Lernen vorbei und vollständig ist. Wenn Sie wirklich gerne gamen, gibt es zum Beispiel etwas durchaus Motivierendes zu sagen: "Heute Abend wird nicht gespielt, es sei denn, ich schaffe meine 3 Stunden Lernen". Jetzt brauchen Sie nur noch Willenskraft. Viel Glück!
  • Miteinander lernen und vorführen. Dies wird nicht für jeden eine Option sein, aber wenn überhaupt möglich, versuchen Sie, zusammen mit anderen zu lernen. Auch dies ist einfacher, wenn Sie einen Hochschulkurs zur Webentwicklung besuchen, aber vielleicht können Sie einen Freund dazu überreden, mit Ihnen zu lernen, oder jemand in Ihrem lokalen Treffen? Es ist wirklich nützlich und motivierend, jemanden zu haben, mit dem Sie Ideen diskutieren und um Hilfe bitten können, und Sie sollten sich auch Zeit nehmen, Ihre Arbeit zu präsentieren. Diese Rufe der Wertschätzung werden Sie weiter anspornen.

Pausen machen und rubber ducking

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

Es ist auch physisch ungesund, zu lange ohne Pause zu arbeiten; zu lange auf einen Bildschirm zu starren, kann Ihre Augen belasten, und zu langes Sitzen kann schlecht für Ihren Rücken oder Ihre Beine sein. Sie können das Risiko einer Augenbelastung mit der "20-20-20"-Regel senken; alle 20 Minuten schauen Sie für 20 Sekunden auf etwas, das 20 Meter entfernt ist. Wir empfehlen auch, alle ein bis anderthalb Stunden eine ordentliche 15-minütige Pause einzulegen.

Während Ihrer Pause versuchen Sie, das Problem mit einem Kollegen, Freund oder Familienmitglied zu besprechen. Selbst wenn sie Ihnen die Antwort nicht geben können, besteht die Chance, dass Sie durch das Erklären des Problems im eigenen Kopf die Lösung finden. Es funktioniert sogar, wenn Sie das Problem laut erklären, zu sich selbst oder zu einem unbelebten Objekt.

Diese Technik ist bekannt als Rubber Duck Debugging (oder rubber ducking), benannt, weil traditionell die Idee war, dass Sie Ihr Coding-Problem einer Gummiente erklären.

Effektive Problemlösung

Es gibt keinen einzigen effektiven Weg, alle Probleme zu lösen (und alles zu lernen), die mit der Webentwicklung verbunden sind, aber es gibt einige allgemeine Ratschläge, die Ihnen in den meisten Fällen gut dienen werden.

Probleme in Stücke zerlegen

Wenn Sie versuchen, etwas Bestimmtes umzusetzen und es scheint wirklich schwierig, es zu begreifen, sollten Sie versuchen, es in mehrere kleine Probleme oder Stücke zu zerlegen.

Zum Beispiel, wenn Sie vor der Aufgabe stehen "Bauen Sie eine einfache zweispaltige Website", könnten Sie es wie folgt aufteilen:

  • Erstellen Sie die HTML-Struktur.
  • Entwickeln Sie grundlegende Seitentypografie.
  • Entwickeln Sie ein Grundfarbschema.
  • Implementieren Sie ein grobes Layout — Kopfzeile, horizontales Navigationsmenü, Hauptinhalt mit Haupt- und Seitenkolumnen und Fußzeile.
  • Implementieren Sie ein horizontales Navigationsmenü.
  • usw.

Dann könnten Sie es weiter aufteilen. Zum Beispiel könnte "Horizontal Navigation Menu implementieren" als:

  • Markieren Sie eine Liste von Menüpunkten.
  • Richten Sie die Menüpunkte horizontal in einer Linie aus.
  • Entfernen Sie unnötige Standardwerte wie Listensabstände und Aufzählungszeichen.
  • Stylen Sie die Hover-/Fokus-/Aktiv-Zustände der Menüpunkte entsprechend.
  • Verteilen Sie die Menüpunkte gleichmäßig.
  • Geben Sie den Menüpunkten genug vertikalen Abstand.
  • Stellen Sie sicher, dass der Text innerhalb jedes Menüpunkts 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.

Muster erkennen lernen

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

Sobald Sie aufgeschrieben haben, was Sie tun müssen, um ein bestimmtes Problem zu lösen, können Sie anfangen herauszufinden, welche Technologie-Features verwendet werden können, um es zu lösen. Zum Beispiel, professionelle Webentwickler haben viele horizontale Navigationsmenüs erstellt, also werden sie sofort an eine Lösung wie diese denken:

  1. Ein Navigationsmenü wird normalerweise aus einer Liste von Links erstellt, 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 in einer Linie anzuordnen, ist der einfachste moderne Weg die Verwendung von flexbox:

    css
    ul {
      display: flex;
    }
    
  3. Um unnötigen Abstand und Aufzählungszeichen zu entfernen, können wir das 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 etwas Ähnliches zuvor umgesetzt haben. Sie könnten das Muster aus einem früheren Projekt erkennen und müssen nur ein paar Bits der Syntax nachschlagen, die Sie seitdem vergessen haben.

Wenn Sie Lösungen für solche Probleme finden, lohnt es sich, Notizen darüber zu machen, was Sie getan haben, und einige minimale Code-Beispiele in einem Verzeichnis aufzubewahren, damit Sie auf frühere Arbeiten zurückblicken können.

Den Quellcode anderer ansehen

Das Web hat Entwickler-Tools, die es Ihnen ermöglichen, den Code zu betrachten, der zum Erstellen jeder Seite verwendet wurde. Wenn Sie keine Lösung zur Hand haben, ist eine gute Forschungsmethode, im Internet Seiten mit ähnlichen Features 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 immer, und Sie müssen Ihr Wissen ständig aktualisieren, um Schritt zu halten. Sie werden niemals alles lernen!

Um es sich selbst zu erleichtern:

  • Seien Sie neugierig. Wenn Sie auf eine Website stoßen, eine Funktion, die cool aussieht, interessant ist und/oder Sie sie nicht verstehen, machen Sie einige Recherchen, um herauszufinden, wie es gemacht wird. Es könnte die Grundlage Ihres nächsten Forschungsprojekts oder Ihrer nächsten Lernaufgabe bilden.
  • Sie sollten regelmäßig an Leseaufgaben oder kleinen Forschungsprojekten teilnehmen. Legen Sie spezifische Lernzeiten fest, um neue Fähigkeiten zu erwerben.
  • Gewöhnen Sie sich an, regelmäßig technische Nachrichten, Blogs und Veröffentlichungsnotizen von Browsern zu lesen, um zu erfahren, welche neuen Dinge es gibt, über die Sie lernen sollten.
  • Üben Sie weiter. Je mehr Sie üben, ein Problem zu lösen, desto stärker sind die neuronalen Bahnen Ihres Gehirns in diesem Bereich, desto einfacher wird es, die Details und die Logik eines bestimmten Problems abzurufen, und desto komfortabler werden Sie sich beim Lernen über ähnliche Lösungen in der Zukunft fühlen.