Forschung und Lernen
Es gibt viel zu wissen als Webentwickler, und Sie lernen ständig dazu. Aber wie finden Sie am effektivsten heraus, was Sie wissen müssen? Dieser Artikel bietet nützliche Tipps zu Forschung und Lernen.
Voraussetzungen: | N/A |
---|---|
Lernziele: |
|
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 verwenden Werkzeuge wie die MDN Web Docs, um 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 unabhängiger zu werden, sollten Sie effektive Strategien zum Finden von Antworten erlernen – wie in den unten stehenden Abschnitten erörtert – und wissen, wann welche Strategie verwendet werden sollte. Suchen Sie beispielsweise zuerst online nach Informationen und fragen Sie nur dann Ihren Mentor, Ihre Klassenkameraden oder einen Senior-Entwickler um Hilfe, wenn Sie wirklich feststecken.
Wählen Sie hochwertige Ressourcen
Sie sollten darauf achten, dass die Ressourcen, die Sie für Ihre Forschung wählen, von hoher Qualität und vertrauenswürdig sind. Um herauszufinden, welche Ressourcen vertrauenswürdig 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:
- Stack Overflow
- Scrimba Kurs-Partner
- YouTube
- freeCodeCamp
- Codecademy
- Dev.to
Lernen Sie, welche Ressourcen wann zu nutzen sind
Dokumentationen gibt es in verschiedenen Formen, und es ist nützlich zu wissen, wann welche nützlich ist. Die Terminologie variiert zwischen den Websites, und es gibt oft einen gewissen Grad an Überschneidung, aber im Allgemeinen sind die häufigen Typen:
- Referenzen: Ähnlich wie menschliche Sprachen über Wörterbücher verfügen, die die Bedeutung jedes Wortes auflisten, haben Programmiersprachen Referenzen, die versuchen, den Zweck und die Syntax aller möglichen Funktionen, die Entwickler nutzen werden, erschöpfend abzudecken, oft zusammen mit Anwendungsbeispielen. Referenzen konzentrieren sich darauf, was eine Funktion tut, anstatt darauf, wie sie verwendet wird.
- Tutorials: Erlauben es Entwicklern, zu lernen, wie neue Technologien verwendet werden. Tutorials sind oft schrittweise und richten sich an Anfänger.
- Leitfäden/Anleitungen: Ebenfalls mit dem Lernen verbunden, aber in der Regel weniger anfängerorientiert und oft darauf ausgerichtet, spezifische Probleme zu lösen.
- Erklärungen/Konzepte: Konzentrieren sich tendenziell darauf, die übergeordneten Konzepte und Anwendungsfälle hinter einer spezifischen Technologie zu erklären, anstatt sich mit den Details des Codes zu befassen.
- Q&A/Foren: Websites, auf denen Menschen Fragen stellen und andere Antworten geben.
Sie sollten verschiedene Websites konsultieren, sehen, welche Dokumentationsstile auf jeder vorherrschen, und darüber nachdenken, welche in verschiedenen Situationen nützlich sind. Beispielsweise:
- MDN eignet sich hervorragend zum Nachschlagen von Referenzdokumentationen über verschiedene HTML-, CSS- und JavaScript-Funktionen und enthält auch nützliche Leitfäden und Tutorials, von denen Sie neue Techniken lernen können.
- Stack Overflow ist eine Q&A-Website, auf der sich Menschen gegenseitig dabei helfen, Lösungen für spezifische Probleme zu finden.
- Scrimba und Codecademy bieten schrittweise interaktive Tutorials. YouTube ist auch ein großartiger Ort, um Video-Tutorials zu finden.
Vor allem sollten Sie herausfinden, 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 keine Lösung für Ihr Problem auf Ihren bevorzugten Seiten finden, 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 Nach Informationen suchen); dieser Abschnitt bietet einige spezifische Hinweise und Tipps zum Aufsuchen qualitativ hochwertiger Informationen.
- Wenn Sie ein Problem mit der Nutzung eines bestimmten Tools oder Produkts haben, konsultieren Sie zuerst die offizielle Dokumentation. Es ist überraschend, wie viele Menschen nicht daran denken; offizielle Dokus sind oft auf Anfänger ausgerichtet, sodass erfahrene Personen sie möglicherweise nicht als passend ansehen. 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 auf den von Ihnen gefundenen Ressourcen. Sind sie kürzlich gepflegt oder nicht mehr aktualisiert und daher möglicherweise veraltet? Vertrauenswürdige Websites geben in der Regel Veröffentlichungs- und "zuletzt aktualisiert"-Daten an, genau damit Sie dies leicht überprüfen können. Idealerweise sollte ein Artikel von einer vertrauenswürdigen Website, die 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 etablierte Technologie behandeln (zum Beispiel grundlegende HTML- oder CSS-Funktionen), immer noch korrekt sind, aber Sie sollten dies im Kopf behalten.
- Als Folge des vorherigen Punktes können selbst neu veröffentlichte Ressourcen veraltete Informationen enthalten. Beispielweise, behandelt ein Artikel zum CSS-Seitenlayout moderne Ansätze wie Grid und Flexbox oder stellt er immer noch veraltete Techniken wie die Verwendung von Floats zur Erstellung mehrspaltiger Layouts vor?
- Verlassen Sie sich nicht nur auf eine einzige Wahrheitsquelle. Überprüfen Sie verschiedene Quellen, besonders wenn Sie sich nicht sicher sind, ob eine Quelle vertrauenswürdig ist oder nicht.
- Sie können auch versuchen, KI zu verwenden, um bei Codierungsfragen zu helfen (zum Beispiel ChatGPT oder GitHub Copilot). Sie sollten KI-Tools mit Vorsicht verwenden (besonders als Anfänger) und sich mit deren Stärken und Schwächen vertraut machen:
- Positiv ist, dass sie die Forschung/Suchen enorm beschleunigen und bei der Strukturierung von Code und Text helfen können.
- Andererseits haben KI-Tools keine Fähigkeiten zum logischen Denken und liefern häufig Antworten, die irreführend oder einfach falsch sind. Sie sollten nicht einfach davon ausgehen, dass KI-Antworten korrekt sind — testen Sie sie und verifizieren Sie sie mit anderen Quellen.
Randbemerkung zu Kopieren und Einfügen von Code
Egal, ob er von einer KI generiert wurde oder nicht, das Kopieren, Einfügen und Verwenden von Code, den Sie nicht selbst geschrieben und verstanden haben, wird immer davon abgeraten, unabhängig von Ihrem Kenntnisstand. Es macht Fehler schwieriger zu beheben und es können Sicherheits-, Leistungs- oder Zugänglichkeitsprobleme mit dem Code vorliegen, 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 Lerngelegenheit verpassen, etwas selbst zu tun, was entscheidend dafür ist, sich Fähigkeiten oder Konzepte einzuprägen.
Sie können auch auf Lizenzprobleme stoßen, wenn der Code urheberrechtlich geschützt ist und Sie keine Erlaubnis haben, ihn zu verwenden.
Der Rat hier ist, dass Sie, wenn Sie eine Lösung von irgendwoher verwenden möchten, zumindest versuchen sollten zu verstehen, wie sie funktioniert, bevor Sie sie kopieren und einfügen. Idealerweise sollten Sie aus der Lösung lernen und dann Ihre eigene Version schreiben.
Ein Kontaktnetzwerk aufbauen
Wir haben genug über Websites gesprochen, jetzt sprechen wir über Menschen. Und Websites.
Ein Netzwerk zur Zusammenarbeit mit anderen aufzubauen, ist ein wesentlicher Bestandteil, ein Webentwickler zu sein. Wir werden auch darüber in Zusammenarbeit und Teamarbeit sprechen; hier konzentrieren wir uns speziell darauf, Ihr Netzwerk zur Unterstützung bei der Recherche zu nutzen.
Ein effektives Forschungsnetzwerk besteht aus mehreren Gruppen von Menschen mit unterschiedlichen Wissensständen und Ihrer Nähe zu Ihnen:
-
Gleichgestellte: Es ist nützlich, Informationen mit Ihren unmittelbaren Gleichgestellten zu teilen und Fragen zu stellen – dies könnten Ihre Klassenkameraden oder Teamkollegen sein – da sie möglicherweise nützliche Einblicke teilen oder mit Ihnen an dem Problem arbeiten möchten. Sie könnten auch zuvor an demselben Problem gearbeitet haben und eine Antwort bereitstellen.
-
Lehrer oder erfahrene Kollegen: Wenn Ihre Gleichgestellten Ihnen nicht helfen können, besteht der nächste Schritt normalerweise darin, einen erfahrenen Kollegen, Vorgesetzten oder Lehrer zu fragen. Sie werden mehr Erfahrung als Ihre Gleichgestellten haben, aber bedenken Sie, dass sie weniger freie Zeit haben werden. 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. Dazu:
- Führen Sie Buch darüber, was Sie bereits versucht haben zu tun. Was hat bereits nicht funktioniert?
- Wenn das Forschungsthema ein spezifisches Codebeispiel oder eine Technik ist, die Sie nicht zum Laufen bringen können, erstellen Sie einen Online-Testfall, den Sie ihnen zeigen können, indem Sie eine Seite wie Scrimba Kurs-Partner oder Glitch verwenden.
- Denken Sie sorgfältig darüber nach, welche Fragen Sie ihnen stellen sollten – was genau ist das Problem? Wenn Sie mehrere Probleme haben, über die Sie sie fragen 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, zum Beispiel "eine Lösung für das prioritätshöchste Problem finden". Beachten Sie auch, dass das Lösen des größten Problems auch zur Lösung anderer Probleme führen kann.
- Fragen Sie sie, wie sie am liebsten mit Ihnen über das Problem kommunizieren würden, um die Interaktion für sie so angenehm wie möglich zu gestalten.
- Wenn Sie ein Treffen arrangieren, buchen Sie nicht mehr Zeit mit ihnen als nötig. Wenn Sie sich nicht sicher sind, wie lange Sie benötigen werden, begrenzen Sie die Sitzung auf zum Beispiel 30 Minuten. Sie können sich immer wieder an sie wenden, um weitere Hilfe zu erhalten.
-
Erweitertes Community-Netzwerk: Dies könnte aus einer dedizierten Online-Community wie Foren oder Chat-Gruppen bestehen (z.B. der The MDN Web Docs discord oder die freeCodeCamp-Foren), oder einem physischen Treffen, wie einer Konferenz oder einem Skillshare-Event.
-
Globales Netzwerk: Manchmal sind Ihnen vielleicht die Optionen ausgegangen, 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, das richtige Timing zu finden, um um Hilfe zu bitten. Webentwickler sollten ihre Gleichgestellten/Kollegen nicht ständig belästigen, aber sie sollten sich nicht ebenfalls verstellen und so tun, als wüssten sie, was sie tun, wenn sie es nicht tun. Erwägen Sie den Wert, zur richtigen Zeit "Ich weiß nicht" zu sagen.
Vor allem, stellen Sie sicher, dass Sie respektvoll und freundlich zu allen Personen sind, mit denen Sie interagieren. Lernen Sie auch, zurückzugeben sowie zu nehmen; Webentwickler, die reciprocierend sind und Hilfe leisten, bauen mit größerer Wahrscheinlichkeit starke Beziehungen auf und erhalten weiterhin Hilfe.
Erstellen Sie einen Lernplan
Es ist eine gute Idee, einen Plan zu erstellen, um Ihnen zu helfen, das zu lernen, was Sie lernen möchten.
Beginnen Sie mit einer Zielstellung
Es mag albern klingen, aber Sie sollten mit einem einzigen Satz beginnen, der sagt, was Sie erreichen möchten. Sie sollten ehrgeizig, aber auch realistisch sein.
Die folgenden haben unterschiedliche Reichweiten, sind aber alle realistisch und erreichbar:
- Ich möchte in zwei Jahren 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 Arbeitsaufgabe erweitern kann, um den Inhalt unserer Firmenwebsite zu aktualisieren.
Die folgenden sind nicht ganz so realistisch:
- Ich möchte von einem vollständigen Anfänger in nur drei Monaten ein Senior-Webentwickler werden.
- Ich möchte mein eigenes Unternehmen gründen und ein soziales Netzwerk aufbauen, das Facebook in zwei Jahren übertreffen wird.
Definieren Sie, was Sie dafür benötigen
Nachdem Sie Ihr Ziel erarbeitet haben, ist es eine gute Idee zu recherchieren, was Sie zur Erreichung des Zieles benötigen.
Beispielsweise:
- Materialien, die ich brauche:
- Einen Computer
- Internetzugang
- Stifte und Papier
- Wissen, das ich brauche:
- Wie man HTML, CSS, JavaScript und die damit verbundenen Werkzeuge und Best Practices verwendet, um Websites und Webanwendungen zu erstellen (wir können Ihnen definitiv dabei helfen!).
- Wie man eine Domain und Hosting erhält und sie verwendet, um eine Website oder eine Anwendung online zu stellen.
- Wie man ein kleines Unternehmen führt.
- Wie man mein Geschäft bewirbt und Kunden gewinnt.
Schätzen Sie ab, 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 etwa 500 Stunden kosten, um das zu lernen, was ich wissen muss, und ich habe ein Jahr Zeit, dies zu tun. Wenn ich zwei Wochen Urlaub annehme, werde ich 10 Stunden pro Woche daran arbeiten müssen. Ich habe abends und am Wochenende Zeit, also plane ich meine Zeit um diese herum."
Quälen Sie sich nicht darüber, wie genau der Plan ist. Eine grobe Schätzung reicht — es ist wichtiger, etwas niedergeschrieben zu haben, 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 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 einschätzen, wie schnell Sie dies tun können.
Wenn Sie einen Universitäts- oder Hochschulkurs absolvieren, um Webentwicklung zu lernen, dann ist das meiste dieser Planung für Sie erledigt — wie glücklich Sie sind!
Es ist eine gute Idee, einige Teilziele unter Ihrem Hauptziel aufzuschreiben, um einfacher den Überblick zu behalten, wo Sie stehen. Zum Beispiel:
- HTML- und CSS-Grundlagen bis Sommer gelernt
- JavaScript-Grundlagen bis Dezember gelernt
- Beispiel-Website-Projekt bis nächsten April fertiggestellt
- etc.
Wenn Sie nicht sicher sind, welche Items Sie auf Ihre Zielliste setzen sollen, kann Ihnen unser Lehrplan helfen.
Wenn Sie einen wöchentlichen Zeitplan erstellt haben, sollten Sie festhalten, was Sie jede Woche schaffen, sei es 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.
Motivation aufrechterhalten
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 weiterzulernen:
- Versuchen Sie, Ihre Arbeitsumgebung so produktiv wie möglich zu gestalten. Besorgen Sie sich einen bequemen Schreibtisch und Stuhl, um zu arbeiten, stellen Sie sicher, dass Sie genügend 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 mit einem eingeschalteten Fernseher, während Ihre Freunde Fußball schauen! Lassen Sie auch Ihr Handy aus dem Raum — die meisten Menschen werden durch ihr Handy oft abgelenkt, also sollten Sie es woanders lassen.
- Essen, Sport und Schlaf. Ernähren Sie sich gesund, treiben Sie regelmäßig Sport und sorgen Sie dafür, dass Sie genug Schlaf bekommen. Das klingt offensichtlich, aber es ist leicht zu vergessen, wenn Sie wirklich ins Kodieren vertieft sind. Berücksichtigen Sie diese wesentlichen Elemente in Ihrem Zeitplan und planen Sie nicht mehr Lernzeit anstelle dieser Dinge.
- Belohnen Sie sich selbst. Planen Sie nach jeder Lernsitzung unterhaltsame Dinge ein, die Sie nur als Belohnung bekommen, wenn das Lernen beendet und abgeschlossen ist. Wenn Sie wirklich ins Gaming vertieft sind, gibt es zum Beispiel etwas sehr Motivierendes daran zu sagen "Keine Spiele mehr heute Abend, es sei denn, ich schaffe meine 3 Stunden Lernen". Jetzt brauchen Sie nur noch Willenskraft. Viel Glück!
- Miteinander lernen und vorführen. Das wird nicht für jeden möglich sein, aber wenn möglich, versuchen Sie, zusammen mit anderen zu lernen. Auch dies ist einfacher, wenn Sie einen Hochschulkurs über Webentwicklung absolvieren, aber vielleicht können Sie einen Freund davon überzeugen, zusammen mit Ihnen zu lernen, oder jemanden auf Ihrer lokalen Meetup-Gruppe? 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 die Zeit nehmen, um Ihre Arbeit vorzuführen. Die Rufe der Anerkennung werden Sie weiter antreiben.
Pausen einlegen und Rubber Ducking
Wenn Sie Schwierigkeiten haben, die Antwort auf eine Frage oder ein Problem herauszufinden oder sich auf Ihr Lernen zu konzentrieren, ist es nützlich, eine Pause zu machen. Gehen Sie 15 Minuten spazieren, machen Sie sich eine Tasse Tee oder hören Sie etwas Musik. Oder kombinieren Sie alle drei!
Es ist auch physisch schlecht, zu lange ohne Pause zu arbeiten; zu lange auf einen Monitor zu schauen, kann Ihren Augen schaden, und zu langes Sitzen kann schlecht für Ihren Rücken oder Ihre Beine sein. Sie können das Risiko einer Augenüberanstrengung mit der "20-20-20"-Regel verringern; 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 richtige 15-minütige Pause einzulegen.
Während Sie in Ihrer Pause sind, versuchen Sie, Ihr Problem mit einem Kollegen, Freund oder Familienmitglied zu besprechen. Selbst wenn sie Ihnen die Antwort nicht geben können, besteht die Chance, dass Sie in Ihrem eigenen Kopf eine Lösung finden, indem Sie das Problem logisch durchdenken. Es funktioniert sogar, wenn Sie das Problem laut, für sich selbst oder zu einem leblosen Objekt erklären.
Diese Technik ist bekannt als rubber duck debugging (oder rubber ducking), so genannt, weil die Idee traditionell darin besteht, das Problem mit einer Gummiente zu besprechen.
Effektive Problemlösung
Es gibt keinen wirksamen Weg, alle Probleme (und alle Dinge) zu lösen, 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 Teile aufteilen
Wenn Sie versuchen etwas Konkretes zu implementieren und es Ihnen wirklich schwerfällt, sich um es zu kümmern, sollten Sie versuchen, es in mehrere kleinere Probleme oder Teile aufzuteilen.
Zum Beispiel, wenn Sie die Aufgabe "Ein einfaches zweispaltiges Website-Layout erstellen" sehen, könnten Sie es folgendermaßen unterteilen:
- Erstellen Sie die HTML-Struktur.
- Arbeiten Sie die grundlegende Typografie der Website aus.
- Arbeiten Sie eine grundlegende Farbpalette aus.
- Implementieren Sie ein grundlegendes Layout — Kopfzeile, horizontales Navigationsmenü, Hauptinhaltsbereich mit Haupt- und Seitenkolonnen und Fußzeile.
- Implementieren Sie ein horizontales Navigationsmenü.
- etc.
Dann könnten Sie es weiter unterteilen. Beispielsweise könnte "Implementieren Sie ein horizontales Navigationsmenü" so aufgeschrieben werden:
- Markieren Sie eine Liste von Menüelementen.
- Ordnen Sie die Menüelemente horizontal in einer Linie an.
- Entfernen Sie unnötige Vorgaben wie Listenabstände und Aufzählungszeichen.
- Stil Hover/Fokus/Aktive Zustände der Menüelemente entsprechend.
- Platzieren Sie die Menüelemente gleichmäßig.
- Geben Sie den Menüelementen ausreichend vertikalen Abstand.
- Stellen Sie sicher, dass der Text innerhalb jedes Menüelements zentriert ist.
- etc.
Jedes dieser Probleme erscheint nicht annähernd so schwierig zu lösen, wie das eine große Problem, das Sie anfänglich hatten.
Muster erkennen lernen
Webentwicklung dreht sich größtenteils um Problemlösung und Muster.
Sobald Sie herausgeschrieben haben, was Sie tun müssen, um ein spezifisches Problem zu lösen, können Sie beginnen herauszufinden, welche technologischen Funktionen Sie verwenden, um es zu lösen. Beispielsweise haben professionelle Webentwickler viele horizontale Navigationsmenüs erstellt, sodass sie sofort anfangen würden, an eine Lösung wie diese zu denken:
Ein Navigationsmenü wird normalerweise aus einer Liste von Links erstellt, etwa so:
<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 horizontal auf einer Linie zu platzieren, ist der einfachste moderne Weg die Verwendung von Flexbox:
ul {
display: flex;
}
Um unnötige Abstände und Aufzählungszeichen zu entfernen, können wir dies tun:
ul {
list-style-type: none;
padding: 0;
}
etc.
Wie viel Forschung Sie durchführen müssen, um die Lösung zu finden, hängt davon ab, wie erfahren Sie sind und ob Sie zuvor etwas Ähnliches implementiert haben. Vielleicht erkennen Sie das Muster von einem vorherigen Projekt wieder und müssen nur einige Teile der Syntax nachschlagen, die Sie seitdem vergessen haben.
Wenn Sie Lösungen für solche Probleme finden, ist es wert, sich Notizen darüber zu machen, was Sie getan haben, und einige minimalistische Code-Beispiele in einem Verzeichnis irgendwo zu speichern, damit Sie auf frühere Arbeiten zurückblicken können.
Sehen Sie sich den Code anderer Leute an
Das Web verfügt über Entwicklerwerkzeuge, mit denen Sie den Code betrachten können, mit dem jede Website erstellt wurde. 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.
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 auf dem Laufenden zu bleiben. Sie werden nie alles lernen!
Um es sich selbst 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 wurde. Es könnte die Basis Ihres nächsten Forschungsprojekts oder Ihrer nächsten Lerneinheit sein.
- Sie sollten regelmäßig an Leseaufgaben teilnehmen oder kleine Forschungsprojekte durchführen. Planen Sie gezielt Lernzeit ein, um neue Fähigkeiten zu erwerben.
- Gewöhnen Sie sich an, regelmäßig technische Nachrichten, Blogs und Browser-Release-Notes zu lesen, um zu sehen, welche Neuerungen auf Sie zukommen, über die Sie lernen können.
- Üben Sie weiter. Je mehr Sie ein Problem lösen, desto stärker sind die neuronalen Verbindungen Ihres Gehirns in diesem Bereich, desto einfacher wird es, sich an die Details und die Logik dieses besonderen Problems zu erinnern, und desto wohler fühlen Sie sich bei ähnlichen Lösungen in der Zukunft.