Forschung und Lernen
Es gibt viel zu wissen als Webentwickler, und man lernt 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 |
---|---|
Lernergebnisse: |
|
Effektive Forschung
Als Webentwickler werden Sie viel Zeit damit verbringen, nach Lösungen für Probleme zu suchen, die bei Ihrer Arbeit auftreten — es wird nicht erwartet, dass Sie sich alles merken! Professionelle Webentwickler nutzen 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 darum, viele Syntaxen zu lernen.
Um dies zu erleichtern und selbständiger zu werden, sollten Sie effektive Strategien zum Finden von Antworten erlernen — wie in den folgenden Abschnitten besprochen — und wissen, wann welche Strategie anzuwenden ist. Schlagen Sie beispielsweise zuerst online Informationen nach und bitten Sie nur dann Ihren Mentor, Ihre Klassenkameraden oder einen Senior-Entwickler um Hilfe, wenn Sie wirklich feststecken.
Wählen Sie hochwertige Ressourcen
Sie sollten sicherstellen, dass die Ressourcen, die Sie für Ihre Recherche 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 machen Sie einige Websuchen, um herauszufinden, was andere im Netz empfehlen. MDN wird natürlich empfohlen; andere gute Beispiele sind:
- Stack Overflow
- Scrimba Kursanbieter
- YouTube
- freeCodeCamp
- Codecademy
- Dev.to
Lernen, welche Ressourcen wann zu verwenden sind
Dokumentation gibt es in verschiedenen Arten, und es ist nützlich zu wissen, wann welche Art sinnvoll ist. Die Terminologie variiert je nach Webseite, 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 jeder möglichen Funktion abzudecken, die Entwickler verwenden werden, oft zusammen mit Anwendungsbeispielen. Referenzen konzentrieren sich darauf, was eine Funktion tut, und nicht darauf, wie man sie verwendet.
- Anleitungen: Ermöglichen Entwicklern, wie neue Technologien zu verwenden sind. Anleitungen sind oft schrittweise und für Anfänger gedacht.
- Leitfäden/Anleitungen: Ebenfalls mit Lernen verbunden, aber tendenziell weniger auf Anfänger fokussiert und oft auf die Lösung spezifischer Probleme ausgerichtet.
- Erklärer/Konzeptionell: Konzentrieren sich darauf, die übergeordneten Konzepte und Anwendungsfälle hinter einer bestimmten Technologie zu erklären, anstatt sich mit den Details des niedrigen Code-Levels zu befassen.
- Q&A/Foren: Seiten, auf denen Menschen Fragen stellen und andere Antworten geben.
Sie sollten mehrere verschiedene Webseiten konsultieren, sehen, welche Dokumentationsstile auf jeder vorherrschen, und darüber nachdenken, welche in verschiedenen Situationen nützlich sind. Beispielsweise:
- MDN ist großartig, um Referenzdokumentationen über verschiedene HTML-, CSS- und JavaScript-Funktionen nachzuschlagen und enthält auch nützliche Leitfäden und Anleitungen, um neue Techniken zu lernen.
- Stack Overflow ist eine Frage-und-Antwort-Seite, auf der Menschen sich gegenseitig helfen, Lösungen für spezifische Probleme zu finden.
- Scrimba und Codecademy bieten interaktive Schritt-für-Schritt-Anleitungen an. YouTube ist auch ein großartiger Ort, um Video-Tutorials zu finden.
Am wichtigsten ist, herauszufinden, welche Lernansätze für Sie am besten funktionieren. Verschiedene Menschen lernen auf unterschiedliche Weise. Realistisch werden Sie wahrscheinlich mehrere Ressourcen für Ihre Recherche und Ihr Lernen nutzen.
Effektiv suchen
Wenn Sie keine Lösung für Ihr Problem auf Ihren Lieblingsseiten finden können, müssen Sie Ihre Suche auf den Rest des Webs ausweiten. Wir haben bereits früher im Kurs allgemeine Tipps für effektive Websuchen abgedeckt (siehe Informationen suchen); dieser Abschnitt bietet einige spezifische Hinweise und Tipps zum Aufsuchen hochwertiger Informationen.
- Wenn Sie ein Problem mit der Nutzung eines bestimmten Werkzeugs oder Produkts haben, konsultieren Sie zuerst die offizielle Dokumentation. Es ist überraschend, wie viele Menschen nicht daran denken, dies zu tun; offizielle Dokumentationen sind oft anfängerfreundlich, sodass erfahrene Benutzer sie möglicherweise nicht als geeignet ansehen. Wenn das Produkt, das Sie verwenden, die Web-Plattform ist, dann ist die inoffizielle offizielle Dokumentation MDN, sodass Sie hier genau richtig sind!
- Überprüfen Sie die Daten der gefundenen Ressourcen. Werden sie kürzlich gepflegt oder sind sie schon längere Zeit nicht aktualisiert und daher möglicherweise veraltet? Seriöse Seiten neigen dazu, Veröffentlichungs- und "zuletzt aktualisierte" Daten anzugeben, damit Sie dies leicht prüfen können. Idealerweise sollte ein Artikel von einer seriösen Seite über eine moderne Technologie oder Technik nicht länger als ein paar Jahre (sagen wir 2–3) ungewartet bleiben. Es ist durchaus möglich, dass ältere Dokumentationen über eine ausgereifte Technologie (zum Beispiel grundlegende HTML- oder CSS-Funktionen) immer noch exakt sind, aber Sie sollten dies im Hinterkopf behalten.
- In direkter Verbindung mit dem vorherigen Punkt können auch neu veröffentlichte Ressourcen veraltete Informationen enthalten. Zum Beispiel, spricht ein Artikel über CSS-Layout über moderne Ansätze wie Grid und Flexbox, oder werden immer noch veraltete Techniken wie das Verwenden von Floats, um mehrspaltige Layouts zu erstellen, präsentiert?
- 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 Programmierproblemen zu helfen (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:
- Auf der positiven Seite können sie die Recherche/Suche enorm beschleunigen und helfen, Code und Texte zu strukturieren.
- Auf der anderen Seite haben AI-Tools keine Denkfähigkeiten und geben häufig Antworten, die irreführend oder schlichtweg falsch sind. Sie sollten nicht einfach 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 einer AI generiert oder nicht, das Kopieren, Einfügen und Verwenden von Code, den Sie nicht geschrieben und nicht verstanden haben, wird schon immer mit Vorsicht betrachtet, unabhängig von Ihrem Fähigkeitsniveau. Es erschwert die Fehlerbehebung, und es können Sicherheits-, Leistungs- oder Zugänglichkeitsprobleme mit dem Code auftreten, 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 wichtig ist, um Fähigkeiten oder Konzepte zu verinnerlichen.
Sie können auch auf Lizenzprobleme stoßen, wenn der Code urheberrechtlich geschützt ist und Sie keine Berechtigung zur Verwendung haben.
Der Rat hier ist, dass, wenn Sie eine Lösung von einem anderen Ort 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 Ihre eigene Version.
Ein Netzwerk von Kontakten aufbauen
Wir haben genug über Webseiten gesprochen, also sprechen wir jetzt über Menschen. Und Webseiten.
Ein Netzwerk von Leuten aufzubauen, mit denen man zusammenarbeiten kann, ist ein wesentlicher Bestandteil eines Webentwicklers. Wir werden auch in Zusammenarbeit und Teamwork darüber 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 Personen mit unterschiedlichen Kenntnisständen und Nähe zu Ihnen:
-
Gleichaltrige: Es ist nützlich, Informationen zu teilen und Fragen an Ihre unmittelbaren Kollegen zu stellen – dies könnten Ihre Klassenkameraden oder Teamkollegen sein – da sie möglicherweise nützliche Einblicke haben oder an dem Problem mitarbeiten möchten. Möglicherweise haben sie auch bereits dasselbe Problem bearbeitet und können eine Antwort geben.
-
Lehrer oder erfahrene Kollegen: Wenn Ihre Kollegen nicht helfen können, ist der nächste Schritt normalerweise, einen erfahrenen Kollegen, Manager oder Lehrer zu fragen. Diese haben mehr Erfahrung als Ihre Kollegen, aber bedenken Sie, dass sie weniger freie Zeit zur Verfügung haben. Sie werden bessere Ergebnisse erzielen 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:
- Führen Sie Buch darüber, was Sie bereits versucht haben. Was hat schon nicht funktioniert?
- Wenn das Forschungsthema ein spezifisches Codebeispiel oder eine Technik ist, die Sie nicht zum Arbeiten bringen können, erstellen Sie einen Online-Testfall, den Sie ihnen zeigen können, mit einer Seite wie Scrimba Kursanbieter 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, über die Sie mit ihnen sprechen möchten, stellen Sie sie in der Reihenfolge der Priorität auf, um sicherzustellen, dass Sie die wichtigsten Punkte abdecken.
- Setzen Sie sich ein Ziel für die Sitzung, zum Beispiel "versuchen, eine Lösung für das Problem mit der höchsten Priorität 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 möglichst angenehm zu gestalten.
- Wenn Sie ein Treffen vereinbaren, buchen Sie nicht mehr Zeit, als Sie benötigen. Wenn Sie sich nicht sicher sind, wie lange Sie benötigen werden, begrenzen Sie die Sitzung auf 30 Minuten. Sie können sie jederzeit um mehr Hilfe in der Zukunft bitten.
-
Größeres 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 Skill-Sharing-Event.
-
Globales Netzwerk: Manchmal sind Sie vielleicht ratlos, in diesem Fall könnten Sie versuchen, Ihre Frage in einem allgemeinen globalen Netzwerk wie einem sozialen Netzwerk zu stellen. Manchmal kommen hilfreiche Antworten aus unerwarteten Richtungen.
Hinweis: Es gibt definitiv ein Gleichgewicht, den richtigen Zeitpunkt zu finden, um um Hilfe zu bitten. Webentwickler sollten ihre Kollegen nicht ständig mit Fragen belästigen, aber gleichermaßen sollten sie nicht so tun, als wüssten sie, was sie tun, wenn sie es nicht tun. Überlegen Sie sich den Wert des Satzes "Ich weiß es nicht" zur richtigen Zeit.
Am wichtigsten ist, dass Sie zu jeder Zeit respektvoll und freundlich zu allen Menschen sind, mit denen Sie interagieren. Sie sollten auch lernen, zurückzugeben, ebenso wie zu nehmen; Webentwickler, die sich revanchieren und Hilfe leisten, haben viel eher die Möglichkeit, starke Beziehungen aufzubauen und weiterhin Hilfe zu erhalten.
Einen Lernplan erstellen
Es ist eine gute Idee, einen Plan zu erstellen, der Ihnen hilft, 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 möchten. Sie sollten ehrgeizig, aber auch realistisch sein.
Die folgenden Sätze 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, um meine Jobfunktion zu erweitern und die Inhalte auf unserer Unternehmenswebsite zu aktualisieren.
Die folgenden Sätze sind nicht ganz so realistisch:
- Ich möchte von einem völligen Anfänger zu einem leitenden Webentwickler in drei Monaten werden.
- Ich möchte mein eigenes Unternehmen gründen und ein soziales Netzwerk bauen, das Facebook in zwei Jahren übertreffen wird.
Definieren Sie, was Sie dazu benötigen
Sobald Sie Ihr Ziel ausgearbeitet haben, ist es eine gute Idee zu recherchieren, was Sie benötigen, um Ihr 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 Tools und Best Practices verwendet, um Websites und Webanwendungen zu erstellen (wir können Ihnen dabei definitiv helfen!).
- Wie man eine Domain, Hosting bekommt und sie verwendet, 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 werden
Als nächstes sollten Sie anfangen, einen Zeitplan zu erstellen, um Ihr Ziel zu erreichen. Es 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 von zwei Wochen Urlaub ausgehe, werde ich 10 Stunden pro Woche daran arbeiten müssen. Ich bin abends und an Wochenenden frei, also werde ich meine Zeit darum herum planen."
Überlegen Sie nicht zu sehr, wie genau der Plan ist. Eine grobe Schätzung reicht aus — es ist wichtiger, etwas Schriftliches zu haben, auf das Sie hinarbeiten können.
Wie viel Zeit Sie damit verbringen können, hängt natürlich davon ab, in welcher Situation Sie sich befinden. 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 sein, wie schnell Sie es schaffen können.
Wenn Sie einen Universitäts- oder Hochschulkurs besuchen, um Webentwicklung zu lernen, dann ist ein Großteil dieser Planung bereits für Sie erledigt — Glückspilz!
Es ist eine gute Idee, einige Unterziele unter Ihrem Hauptziel festzulegen, um den Überblick darüber zu behalten, wo Sie stehen. Zum Beispiel:
- Grundkenntnisse in HTML und CSS bis zum Sommer gelernt
- Grundkenntnisse in JavaScript bis Dezember gelernt
- Beispiel-Website-Projekt bis nächstes April erstellt
- usw.
Wenn Sie nicht sicher sind, welche Punkte Sie auf Ihre Zielliste setzen sollen, kann Ihnen unser Curriculum helfen.
Wenn Sie einen Wochenplan ausgearbeitet haben, dann sollten Sie festhalten, was Sie jede Woche geschafft haben, in einem einfachen Tabellenkalkulationsprogramm oder sogar in einem Notizbuch! Denken Sie daran, wie viel Fortschritt Sie machen, und passen Sie Ihren Plan gegebenenfalls an.
So bleiben Sie motiviert
Es ist schwierig, motiviert zu bleiben, besonders wenn Sie versuchen, eine komplexe Fertigkeit wie Programmierung oder Webentwicklung zu erlernen. Was folgt, sind einige Tipps, um motiviert zu bleiben und weiter zu lernen:
- Versuchen Sie, Ihre Arbeitsumgebung so produktiv wie möglich zu gestalten. Schaffen Sie sich einen komfortablen 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 entspannende Musik, Düfte, was auch immer Sie brauchen). Versuchen Sie nicht, in einem Raum mit Ablenkungen zu arbeiten – zum Beispiel mit einem Fernseher, wenn Ihre Freunde dort Fußball schauen! Lassen Sie Ihr Mobiltelefon auch aus dem Raum, die meisten Menschen lassen sich sehr von ihrem Telefon ablenken, deshalb sollten Sie es anderswo lassen.
- Essen, trainieren und schlafen. Ernähren Sie sich gesund, treiben Sie regelmäßig Sport und achten Sie darauf, genug Schlaf zu bekommen. Das klingt offensichtlich, wird aber leicht vergessen, wenn man wirklich ins Programmieren vertieft ist. Berücksichtigen Sie diese wesentlichen Ingredienzien in Ihrem Zeitplan und stellen Sie sicher, dass Sie nicht mehr Lernzeit dafür einplanen, anstatt dieser Dinge.
- Gönnen Sie sich Belohnungen. Planen Sie Spaßaktivitäten nach jeder Lerneinheit, die Sie sich gönnen, sobald das Lernen vorbei und abgeschlossen ist. Wenn Sie wirklich gerne spielen, gibt es zum Beispiel etwas sehr 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 Präsentieren. Dies wird nicht für jedermann möglich sein, aber wenn es möglich ist, versuchen Sie, gemeinsam mit anderen zu lernen. Wiederum ist dies einfacher, wenn Sie einen Hochschulkurs in Webentwicklung besuchen, aber vielleicht können Sie einen Freund überreden, mit Ihnen zu lernen, oder jemanden bei Ihrem lokalen Meetup? 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, Ihre Arbeit zu präsentieren. Diese Zurufe des Lobes 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. Machen Sie einen Spaziergang für 15 Minuten, machen Sie sich eine Tasse Tee oder hören Sie Musik. Oder kombinieren Sie alle drei!
Es ist auch physisch schädlich, 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 von Augenbelastungen mit der "20-20-20"-Regel senken: Schauen Sie alle 20 Minuten 20 Sekunden lang auf etwas in 20 Metern Entfernung. Wir empfehlen auch, jede Stunde bis 90 Minuten eine richtige 15-minütige Pause einzulegen.
Während Ihrer Pause versuchen Sie, Ihr Problem mit einem Kollegen, Freund oder Familienmitglied zu besprechen. Selbst wenn sie Ihnen die Antwort nicht geben können, besteht die Möglichkeit, dass Sie die Lösung selbst finden, indem Sie das Problem in Ihrem eigenen Kopf durchdenken. Es funktioniert sogar, wenn Sie das Problem laut erklären, entweder sich selbst oder einem unbelebten Gegenstand.
Diese Technik wird als Rubber Duck Debugging (oder Rubber Ducking) bezeichnet, benannt nach der Vorstellung, dass Sie Ihr Programmierproblem einem Quietscheentchen erklären.
Effektive Problemlösung
Es gibt keinen einzigen effektiven Weg, 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 nützlich sein werden.
Probleme in Stücke zerlegen
Wenn Sie versuchen, etwas Spezifisches zu implementieren und es Ihnen wirklich schwerfällt, es zu verstehen, sollten Sie versuchen, es in mehrere kleinere Probleme oder Teile zu zerlegen.
Zum Beispiel, wenn Sie die Aufgabe "Erstellen Sie eine einfache zweispaltige Website" haben, könnten Sie sie folgendermaßen zerlegen:
- Erstellen Sie die HTML-Struktur.
- Arbeiten Sie die grundlegende Typografie der Website aus.
- Arbeiten Sie ein grundlegendes Farbschema aus.
- Implementieren Sie ein Top-Level-Layout – Header, horizontales Navigationsmenü, Hauptinhaltbereich mit Haupt- und Seitenkolumnen und Footer.
- Implementieren Sie ein horizontales Navigationsmenü.
- usw.
Dann könnten Sie es noch weiter aufgliedern. Zum Beispiel könnte "Ein horizontales Navigationsmenü implementieren" wie folgt geschrieben werden:
- Eine Liste von Menüpunkten markieren.
- Die Menüpunkte horizontal in einer Linie anordnen.
- Unnötige Standardeinstellungen wie Listenabstände und Aufzählungszeichen entfernen.
- Hover-/Fokus-/Aktiv-Zustände der Menüpunkte angemessen stylen.
- Die Menüpunkte gleichmäßig verteilen.
- Den Menüpunkten genügend vertikalen Abstand geben.
- Sicherstellen, dass der Text zentriert in jedem Menüpunkt ist.
- usw.
Jedes dieser Probleme scheint nicht annähernd so schwierig zu lösen zu sein wie das eine große Problem, das Sie ursprünglich hatten.
Muster erkennen lernen
Webentwicklung dreht sich hauptsächlich um Problemlösung und Muster.
Wenn Sie herausgefunden haben, was Sie tun müssen, um ein bestimmtes Problem zu lösen, können Sie anfangen, herauszufinden, welche technischen Funktionen Sie verwenden können, um es zu lösen. Zum Beispiel haben professionelle Webentwickler viele horizontale Navigationsmenüs erstellt, also werden sie sofort an eine Lösung wie diese denken:
Ein Navigationsmenü entsteht normalerweise aus einer Liste von Links, etwas wie:
<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 Artikel horizontal in einer Linie zu arrangieren, 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 das tun:
ul {
list-style-type: none;
padding: 0;
}
usw.
Wie viel Recherche Sie brauchen, um die Lösung zu finden, hängt davon ab, wie erfahren Sie sind und ob Sie etwas Ähnliches schon einmal implementiert haben. Sie könnten das Muster von einem vorherigen Projekt wiedererkennen und müssen vielleicht nur ein paar Teile 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 gemacht haben, und einige minimale Codebeispiele in einem Verzeichnis zu speichern, damit Sie auf vorherige Arbeiten zurückblicken können.
Schauen Sie sich den Code anderer Leute an
Das Web bietet Entwicklerwerkzeuge, mit denen Sie den Code anzeigen können, der zum Erstellen einer beliebigen Website verwendet wird. Wenn Sie keine Lösung zur Hand haben, ist eine gute Forschungsmethode, Websites mit ähnlichen Funktionen in der Wildnis zu finden und zu schauen, wie sie es gemacht haben.
Denkweise des ständigen Lernens
Sie sollten sich in die Denkweise des ständigen Lernens begeben. Das Web entwickelt sich ständig weiter, und Technologien und Trends ändern sich ständig, und Sie müssen Ihr Wissen ständig aktualisieren, um Schritt zu halten. Sie werden niemals alles lernen!
Um sich dies zu erleichtern:
- Seien Sie neugierig. Wenn Sie ein Website-Feature sehen, das cool, interessant aussieht und/oder Sie es nicht verstehen, recherchieren Sie, wie es gemacht wird. Es könnte die Basis für Ihr nächstes Forschungsprojekt oder Ihre nächste Lernaufgabe sein.
- Sie sollten regelmäßig Lesetasks oder kleine Forschungsprojekte durchführen. Planen Sie bestimmte Lernzeiten ein, um neue Fähigkeiten zu erwerben.
- Gewöhnen Sie sich an, regelmäßig technische Nachrichten, Blogs und Browser-Veröffentlichungsnotizen zu lesen, um zu sehen, welche neuen Dinge auf Sie zukommen, die Sie lernen müssen.
- Üben Sie ständig. Je mehr Sie ein Problem lösen, desto stärker werden die neuronalen Bahnen in Ihrem Gehirn in diesem Bereich, desto leichter wird es, sich an die Details und die Logik dieses bestimmten Problems zu erinnern, und desto komfortabler werden Sie bei der Lösung ähnlicher Probleme in der Zukunft.