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 gibt nützliche Tipps zur Forschung und zum Lernen.

Voraussetzungen: N/A
Lernziele:
  • Effektive Forschungsmethoden.
  • Einen Lernplan erstellen.
  • Motiviert bleiben.
  • Rubber Ducking
  • Effektives Problemlösen.
  • Sich auf kontinuierliches Lernen einstellen.

Effektive Forschung

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

Um dies zu erleichtern und unabhängiger zu werden, sollten Sie effektive Strategien erlernen, um Antworten zu finden – wie in den folgenden Abschnitten besprochen – und wann welche Strategie verwendet werden sollte. Zum Beispiel sollten Sie zuerst online nach Informationen suchen und sich nur dann an Ihren Mentor, Ihre Klassenkameraden oder einen Senior-Entwickler wenden, wenn Sie wirklich feststecken.

Wählen Sie hochwertige Ressourcen

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

Lernen, welche Ressourcen wann zu nutzen sind

Dokumentationen kommen in verschiedenen Formen, und es ist nützlich zu wissen, wann jede Art hilfreich ist. Die Terminologie variiert je nach Website, und oft gibt es gewisse Überschneidungen, aber im Allgemeinen sind die häufigsten Arten:

  • Referenzen: Ähnlich wie menschliche Sprachen Wörterbücher haben, die die Bedeutung jedes Wortes auflisten, haben Programmiersprachen Referenzen, die versuchen, die Zweck und Syntax jeder möglichen Funktion umfassend zu beschreiben, oft mit Anwendungsbeispielen. Referenzen konzentrieren sich darauf, was eine Funktion macht, anstatt wie man sie verwendet.
  • Tutorials: Ermöglichen es Entwicklern, wie man neue Technologien verwendet, zu lernen. Tutorials sind oft Schritt für Schritt und auf Anfänger ausgerichtet.
  • Leitfäden/Anleitungen: Ebenfalls mit dem Lernen verbunden, aber weniger auf Anfänger fokussiert und oft darauf ausgelegt, spezifische Probleme zu lösen.
  • Erklärer/Konzeptuell: Konzentrieren sich darauf, die übergeordneten Konzepte und Anwendungsfälle hinter einer bestimmten Technologie zu erklären, anstatt auf die detaillierten Code-Details einzugehen.
  • Q&A/Foren: Websites, auf denen Menschen Fragen stellen und andere Antworten geben.

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

  • MDN eignet sich hervorragend, um Referenzdokumentationen zu verschiedenen HTML-, CSS- und JavaScript-Funktionen nachzuschlagen und enthält auch nützliche Leitfäden und Tutorials, aus denen Sie neue Techniken lernen können.
  • Stack Overflow ist eine Q&A-Website, 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.

Vor allem sollte man herausfinden, welche Lernansätze am besten zu einem selbst passen. 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, müssen Sie Ihre Suche auf den Rest des Webs erweitern. Wir haben allgemeine Tipps für effektive Websuchen früher im Kurs behandelt (siehe Nach Informationen suchen); dieser Abschnitt bietet einige spezifische Hinweise und Tipps zum Nachschlagen von qualitativ hochwertigen Informationen.

  • Wenn Sie ein Problem mit einem bestimmten Tool oder Produkt haben, konsultieren Sie zunächst die offizielle Dokumentation. Es ist überraschend, wie viele Menschen nicht daran denken, dies zu tun; offizielle Dokumente sind oft auf Anfänger ausgerichtet, sodass erfahrene Benutzer möglicherweise nicht daran denken, dass sie geeignet sind. Wenn das verwendete Produkt die Webplattform ist, sind die inoffiziellen offiziellen Dokumente auf MDN, sodass Sie am richtigen Ort sind!
  • Überprüfen Sie die Daten der gefundenen Ressourcen. Sind sie kürzlich aktualisiert worden oder seit längerer Zeit nicht mehr aktualisiert, und 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 Website, der eine moderne Technologie oder Technik behandelt, nicht länger als ein paar Jahre (sagen wir 2–3) ungewartet bleiben. Es ist durchaus möglich, dass ältere Dokumentationen zu einer ausgereiften Technologie (zum Beispiel grundlegende HTML- oder CSS-Funktionen) immer noch korrekt sind, aber Sie sollten dies im Hinterkopf behalten.
  • Als Fortsetzung des vorherigen Punktes können selbst neu veröffentlichte Ressourcen veraltete Informationen enthalten. Beispielsweise spricht ein Artikel über CSS-Layout darüber, moderne Ansätze wie Grid und Flexbox zu verwenden, oder zeigt er noch veraltete Techniken 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 oder nicht.
  • Sie können auch versuchen, AI zu verwenden, um bei Codierungsproblemen zu helfen (zum Beispiel ChatGPT oder GitHub Copilot). Sie sollten AI-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 Recherche/Suche erheblich beschleunigen und beim Strukturieren von Code und Text helfen.
    • Auf der anderen Seite haben AI-Tools keine Fähigkeit zum logischen Denken und geben häufig irreführende oder schlicht falsche Antworten. Sie sollten nicht einfach annehmen, dass AI-Antworten korrekt sind - testen und überprüfen Sie sie mit anderen Quellen.

Nebenbemerkung zum Kopieren und Einfügen von Code

Unabhängig davon, ob er von einem AI-Tool generiert wurde oder nicht, das Kopieren, Einfügen und Verwenden von Code, den Sie nicht geschrieben oder nicht verstanden haben, wurde immer gewarnt, unabhängig von Ihrem Fähigkeitsniveau. Es macht das Beheben von Fehlern schwieriger und es können sich Sicherheits-, Leistungs- oder Zugänglichkeitsprobleme im Code befinden, die oft aus dem Kontext oder der Art und Weise resultieren, 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 entscheidend ist, um Fertigkeiten oder Konzepte zu verinnerlichen.

Sie können auch auf Lizenzierungsprobleme stoßen, wenn der Code urheberrechtlich geschützt ist und Sie keine Berechtigung haben, ihn zu verwenden.

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

Ein Netzwerk von Kontakten aufbauen

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

Ein Netzwerk von Leuten aufzubauen, mit denen man zusammenarbeitet, ist ein wesentlicher Bestandteil des Webentwicklers. Darüber werden wir auch in Zusammenarbeit und Teamarbeit sprechen; hier konzentrieren wir uns speziell darauf, Ihr Netzwerk zu nutzen, um bei der Forschung zu helfen.

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

  • Gleichgesinnte: Es ist nützlich, Informationen mit Ihren unmittelbaren Gleichgesinnten – das könnten Ihre Klassenkameraden oder Teamkollegen sein – zu teilen und sie zu fragen, da sie möglicherweise nützliche Einblicke teilen oder gemeinsam an dem Problem arbeiten möchten. Sie könnten auch zuvor an demselben Problem gearbeitet haben und eine Antwort liefern können.

  • 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, aber beachten Sie, dass sie weniger freie Zeit haben werden. Sie werden bessere Ergebnisse und mehr Wertschätzung erhalten, wenn Sie zeigen, dass Sie bereits versucht haben, das Problem selbst zu lösen, und respektvoll mit ihrer Zeit umgehen. Dazu:

    • Halten Sie fest, was Sie bereits versucht haben. Was hat nicht funktioniert?
    • Wenn das Forschungsthema ein spezifisches Codebeispiel oder eine Technik ist, die Sie nicht zum Laufen bringen können, erstellen Sie ein Online-Testfall, den Sie ihnen zeigen können, mit einer Website wie Scrimba Course partner oder Glitch.
    • Denken Sie sorgfältig über die Fragen nach, die Sie ihnen stellen möchten – was genau ist das Problem? Wenn Sie mehrere Probleme haben, die Sie thematisieren möchten, priorisieren Sie sie, um sicherzustellen, dass die wichtigsten Punkte abgedeckt werden.
    • Setzen Sie sich ein Ziel für die Sitzung, zum Beispiel "Versuchen, 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 zu einer Lösung für andere 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 Gespräch vereinbaren, buchen Sie nicht mehr Zeit, als Sie benötigen. Wenn Sie sich unsicher sind, wie lange Sie brauchen werden, begrenzen Sie die Sitzung auf etwa 30 Minuten. Sie können sie immer wieder um Hilfe bitten.
  • Weiteres Netzwerk: Dies könnte eine spezielle Online-Community wie Foren oder Chat-Gruppen sein (zum Beispiel The MDN Web Docs Discord oder freeCodeCamp Foren) oder ein persönliches Treffen wie eine Konferenz oder Skillshare-Veranstaltung.

  • Globales Netzwerk: Manchmal könnten Sie keine weiteren Optionen haben, in diesem Fall könnten Sie Ihre Frage in einer allgemeinen globalen Community wie einem sozialen Netzwerk stellen. Manchmal kommen hilfreiche Antworten aus unerwarteten Richtungen.

Hinweis: Es gibt definitiv ein Gleichgewicht, um den richtigen Zeitpunkt zu wissen, um um Hilfe zu bitten. Webentwickler sollten ihre Kollegen nicht ständig belästigen, aber genauso sollten sie nicht so tun, als wüssten sie, was sie tun, wenn sie es nicht tun. Überlegen Sie sich den Wert von „Ich weiß es nicht“ zur richtigen Zeit.

Am wichtigsten ist, dass Sie respektvoll und freundlich zu allen Menschen sind, mit denen Sie interagieren. Sie sollten auch lernen, etwas zurückzugeben sowie zu nehmen; Webentwickler, die wechselseitig agieren und Hilfe bieten, sind viel wahrscheinlicher, starke Beziehungen aufzubauen und weiterhin Hilfe zu erhalten.

Einen Lernplan erstellen

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

Beginnen Sie mit einer Zielaussage

Es mag albern klingen, aber Sie sollten mit einem einzelnen Satz beginnen, der besagt, was Sie erreichen möchten. Sie sollten ehrgeizig, aber auch realistisch sein.

Die folgenden Beispiele haben unterschiedliche Umfänge, 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, damit ich meine Rolle erweitern kann, um die Inhalte unserer Firmenwebsite zu aktualisieren.

Die folgenden Beispiele sind nicht ganz so realistisch:

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

Definieren Sie, was Sie brauchen, um dorthin zu gelangen

Sobald 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 die zugehörigen Tools und Best Practices verwendet, um Websites und Webanwendungen zu erstellen (wir können Ihnen definitiv dabei helfen!).
    • Wie man eine Domain und ein Hosting bekommt und sie verwendet, um eine Website oder Anwendung online zu stellen.
    • Wie man ein kleines Unternehmen führt.
    • Wie man mein Geschäft bewirbt und Kunden anzieht.

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

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

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

Quälen Sie sich nicht darüber, wie genau der Plan ist. Eine grobe Schätzung reicht aus – es ist wichtiger, etwas aufzuschreiben, auf das Sie hinarbeiten können.

Wie viel Zeit Sie darauf verwenden können, hängt natürlich von Ihren Umständen ab. Wenn Sie zur Schule gehen, haben Sie viel mehr Freizeit als wenn Sie einen Job haben und für Kinder sorgen müssen. Es ist trotzdem möglich, Ihre Ziele zu erreichen, aber Sie müssen realistisch sein, wie schnell Sie es schaffen können.

Wenn Sie einen Universitäts- oder College-Kurs zur Webentwicklung machen, ist das meiste dieser Planung für Sie erledigt – ein Vorteil für Sie!

Es ist eine gute Idee, einige Teilziele unter Ihrem Hauptziel aufzuschreiben, damit Sie leichter verfolgen können, wo Sie stehen. Beispielsweise:

  • HTML- und CSS-Grundlagen bis zum Sommer gelernt
  • JavaScript-Grundlagen bis Dezember gelernt
  • Beispielwebsite-Projekt bis nächsten April gebaut
  • 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 erarbeitet haben, sollten Sie festhalten, was Sie jede Woche schaffen, in einer einfachen Tabelle oder sogar in einem Notizbuch! Denken Sie 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. Im Folgenden finden Sie einige Tipps, um motiviert zu bleiben und weiterzulernen:

  • Versuchen Sie, Ihre Arbeitsumgebung so produktiv wie möglich zu gestalten. Besorgen Sie sich einen bequemen Schreibtisch und Stuhl zum 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 ruhige Musik, Düfte, was auch immer Sie brauchen). Versuchen Sie nicht, in einem Raum mit Ablenkungen zu arbeiten – zum Beispiel, wenn der Fernseher eingeschaltet ist und Ihre Freunde Fußball schauen! Lassen Sie auch Ihr Handy aus dem Raum – die meisten Menschen werden oft von ihrem Handy abgelenkt, also sollten Sie es woanders lassen.
  • Ernähren Sie sich, trinken Sie und schlafen Sie. Essen Sie gesund, bewegen Sie sich regelmäßig und stellen Sie sicher, dass Sie ausreichend Schlaf bekommen. Dies klingt offensichtlich, aber es ist leicht zu vergessen, wenn man wirklich ins Programmieren vertieft ist. Integrieren Sie diese wesentlichen Bestandteile in Ihren Zeitplan und stellen Sie sicher, dass Sie keine Lernzeit zu Lasten dieser Dinge planen.
  • Gönnen Sie sich Belohnungen. Planen Sie lustige Dinge nach jeder Lerneinheit ein, die Sie nur erhalten, wenn das Lernen abgeschlossen ist. Wenn Sie wirklich gerne spielen, zum Beispiel, gibt es etwas ziemlich Motivierendes daran, zu sagen: "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 Vorführen. Dies wird nicht für jeden eine Möglichkeit sein, aber wenn es möglich ist, versuchen Sie, zusammen mit anderen zu lernen. Auch hier ist es einfacher, wenn Sie einen College-Kurs zur Webentwicklung machen, aber vielleicht können Sie einen Freund überreden, mitzumachen, oder jemanden bei Ihrem lokalen Treffen? Es ist wirklich nützlich und motivierend, jemanden zu haben, mit dem man Ideen diskutieren und um Hilfe bitten kann, und man sollte sich auch die Zeit nehmen, seine Arbeit vorzuführen. Diese Rufe der Anerkennung werden Sie weiter antreiben.

Pausen einlegen 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 zu machen. Gehen Sie für 15 Minuten spazieren, machen Sie sich eine Tasse Tee oder hören Sie etwas Musik. Oder kombinieren Sie alle drei!

Es ist auch gesundheitsschädlich, zu lange ohne Pause zu arbeiten; zu lange auf einen Bildschirm zu schauen, kann Ihre Augen belasten, und zu langes Sitzen kann schlecht für Ihren Rücken oder Ihre Beine sein. Sie können das Risiko von Augenbelastung mit der "20-20-20"-Regel senken; schauen Sie sich alle 20 Minuten für 20 Sekunden etwas an, das 20 Meter entfernt ist. Wir empfehlen außerdem, jede Stunde bis 90 Minuten eine ordentliche 15-minütige Pause einzulegen.

Während Ihrer Pause versuchen Sie, Ihr Problem mit einem Kollegen, Freund oder Familienmitglied zu diskutieren. Selbst wenn sie Ihnen die Antwort nicht geben können, besteht die Möglichkeit, dass Sie eine Lösung selbst finden, indem Sie das Problem in Ihrem eigenen Kopf durchdenken. Es funktioniert sogar, wenn Sie das Problem laut erklären, sich selbst oder einem unbelebten Gegenstand.

Diese Technik ist als Rubber Duck Debugging (oder Rubber Ducking) bekannt, benannt, weil traditionell die Idee darin bestand, Ihr Programmierproblem einer Gummiente zu erklären.

Effektives Problemlösen

Es gibt keinen einzigen effektiven Weg, um alle Probleme (und alles Lernen) im Zusammenhang mit Webentwicklung zu lösen, aber es gibt einige allgemeine Ratschläge, die Ihnen in den meisten Fällen einen guten Dienst erweisen werden.

Probleme in Teile zerlegen

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

Zum Beispiel, wenn Sie die Aufgabe haben: "Baue eine einfache zweispaltige Website", könnten Sie es wie folgt aufschlüsseln:

  • Erstellen Sie die HTML-Struktur.
  • Überlegen Sie sich die grundlegende Seitentypografie.
  • Überlegen Sie sich eine grundlegende Farbpalette.
  • Setzen Sie ein Layout der oberen Ebene um - Kopfteil, horizontales Navigationsmenü, Hauptinhalt mit Haupt- und Seiten-Spalten sowie Fußzeile.
  • Setzen Sie ein horizontales Navigationsmenü um.
  • etc.

Dann könnten Sie es weiter herunterbrechen. Zum Beispiel, "Setzen Sie ein horizontales Navigationsmenü um" könnte ausgearbeitet werden als:

  • Markieren Sie eine Liste von Menüelementen.
  • Ordnen Sie die Menüelemente horizontal in einer Linie an.
  • Entfernen Sie nicht benötigte Standardwerte, wie die Listenzwischenräume und Auflistungspunkte.
  • Gestalten Sie Hover/Fokus/Aktive Zustände von Menüelementen angemessen.
  • Verteilen Sie die Menüelemente gleichmäßig.
  • Geben Sie den Menüelementen genügend vertikale Abstände.
  • Stellen Sie sicher, dass der Text in jedem Menüelement zentriert ist.
  • etc.

Jedes dieser Probleme scheint nicht annähernd so schwer zu lösen wie das eine große Problem, das Sie zunächst hatten.

Lernen Sie, Muster zu erkennen

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 technologischen Funktionen Sie verwenden können, um es zu lösen. Zum Beispiel haben professionelle Webentwickler viele horizontale Navigationsmenüs erstellt, also beginnen sie sofort an eine Lösung wie diese zu denken:

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>

Um alle Elemente auf einer Linie horizontal anzuordnen, ist der einfachste moderne Weg, Flexbox zu verwenden:

css
ul {
  display: flex;
}

Um unnötige Abstände und Aufzählungspunkte zu entfernen, können wir Folgendes tun:

css
ul {
  list-style-type: none;
  padding: 0;
}

etc.

Wie viel Forschung Sie betreiben müssen, um die Lösung zu finden, hängt davon ab, wie erfahren Sie sind und ob Sie zuvor etwas Ähnliches implementiert haben. Sie können das Muster von einem vorherigen Projekt erkennen und müssen nur einige Teile des Syntaxes nachschlagen, den 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 Codebeispiele in einem Verzeichnis irgendwo zu speichern, damit Sie auf frühere Arbeiten zurückblicken können.

Schauen Sie sich den Code anderer Leute an

Das Web verfügt über Entwicklertools, mit denen Sie den Code jeder Website ansehen können. Wenn Sie keine Lösung zur Hand haben, ist eine gute Forschungsmethode, Websites mit ähnlichen Funktionen in freier Wildbahn zu finden und sich anzusehen, wie sie es gemacht haben.

Stetiges Lernen im Kopf behalten

Sie sollten sich daran gewöhnen, stetig zu lernen. Das Web entwickelt sich ständig weiter und Technologien und Trends ändern sich ständig, und Sie müssen Ihr Wissen kontinuierlich aktualisieren, um Schritt zu halten. Sie werden niemals alles lernen!

Um sich die Sache leichter zu machen:

  • Seien Sie neugierig. Wenn Sie ein Website-Feature sehen, das cool, interessant aussieht und/oder das Sie nicht verstehen, forschen Sie, um herauszufinden, wie es gemacht wird. Es könnte die Grundlage Ihres nächsten Forschungsprojekts oder Lerntasks bilden.
  • Sie sollten regelmäßig an Leseaufgaben oder kleinen Forschungsprojekten teilnehmen. Reservieren Sie sich spezifische Lernzeiten, um neue Fertigkeiten zu erwerben.
  • 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 sollten.
  • Üben, üben, üben. Je mehr Sie ein Problem lösen, desto stärker werden die neuronalen Verbindungen Ihres Gehirns in diesem Bereich, desto einfacher wird es, sich die Details und die Logik eines bestimmten Problems zu merken, und desto komfortabler werden Sie beim Lernen ähnlicher Lösungen in der Zukunft.