Wie man Webdesign aus seinen Fehlern lernt

Das Web besteht nicht aus einem einzigen monolithischen Rahmen. Aufgrund seiner Modularität ist es viel schwieriger, alle Teile zu lernen, aus denen alles besteht, was wir im Internet sehen.

Jeder wird zwangsläufig Fehler machen, die die Entwicklungszeit verlangsamen, Ihr Programm verlangsamen oder Fehler in Ihr Programm einführen. Nicht nur das, manche Fehler benachteiligen Sie auch bei der Stellensuche.

Es gibt Best Practices, um sicherzustellen, dass beim Entwerfen Ihrer Website oder beim Start der Produktion so wenige Probleme wie möglich auftreten. Hier sind die fünf häufigsten Fehler, die junge Webentwickler machen, und wie man sie vermeidet.

Sich zu sehr auf jQuery verlassen

jQuery ist mit Abstand das beliebteste JavaScript-Framework der Welt. Es mag verlockend erscheinen, es in Ihr Projekt aufzunehmen, sobald Sie es erstellt haben, aber seien Sie nicht so überstürzt.

Obwohl jQuery viele praktische Methoden zur Beschleunigung Ihrer Webentwicklung bietet, ist es wichtig, es nicht zu oft zu verwenden. Neue Webentwickler machen fast immer den Fehler, die API-Methoden von jQuery zu verstehen, anstatt zu verstehen, wie sie darunter funktionieren.

Viele Arbeitgeber betrachten jQuery eher als Belastung als als nettes Extra, weil einige Entwickler überhaupt nicht verstehen, wie JavaScript funktioniert .

Es ist nichts falsch daran, jQuery zu verwenden. Wenn Sie können, gewöhnen Sie sich an die eigene Verwendung von JavaScript-Methoden. Verlassen Sie sich nur auf jQuery für praktische Methoden, deren Implementierung andernfalls eine Weile dauern würde.

Sich zu sehr auf CSS-Frameworks verlassen

CSS-Frameworks wie Semantic UI und Bootstrap können viel Zeit sparen. Sie machen manuelles Styling und die Integration von responsivem Design in Ihre App überflüssig.

Genau wie jQuery ist es jedoch leicht, in den Kreislauf hineingezogen zu werden, niemals eigenen CSS-Code zu schreiben. Am Ende des Tages wird Ihre Website allgemein und halbfertig aussehen. Am äußersten Ende der Dinge könnte es sogar wie ein Dutzend anderer Websites aussehen, die die gleiche Idee wie Sie hatten.

Wenn Sie kein Experte im Schreiben eines CSS-Codes sind, haben Sie die Möglichkeit, Handbücher zu lesen, einen Mentor zu finden, der Ihnen die Informationen liefert, die Sie benötigen, wie z. B. ein Forschungsführer, der eine Forschungsarbeit für mich schreibt und bereitstellt Sie mit guter und qualitativer Hilfe. Es gibt verschiedene Frameworks, die für das Schreiben von Code intuitiver sein könnten.

Frameworks wie Bootstrap existieren, um Ihnen das Leben zu erleichtern . Um eine übermäßige Abhängigkeit zu vermeiden, lernen Sie das CSS-Styling selbst, lernen Sie, wie Sie Präprozessoren verwenden, um die Entwicklung zu beschleunigen, und studieren Sie die Farbtheorie, um zu wissen, welche Farben zusammenpassen und welche nicht. Sobald Sie die Konzepte richtig verstanden haben, stellen Sie möglicherweise fest, dass Sie die Frameworks nicht einmal mehr benötigen.

Kein Wiederherstellungstool

Wenn Sie kein Wiederherstellungstool haben, wenn Sie es am dringendsten benötigen, kann dies zum Absturz Ihrer Website und ihrem möglichen Untergang führen. Wann immer Sie eine Änderung an Ihrer Website vornehmen, riskieren Sie, dass sie nicht gut ist. Um sicherzustellen, dass Sie über ein Sicherheitsnetz verfügen, in das Sie fallen können, sollten Sie über die Verwendung eines Wiederherstellungstools wie WP Reset nachdenken.

WP Reset ist Ihre beste Lösung, wenn Probleme auf Ihrer Website auftreten. Vielleicht ist das Problem, dass Sie nicht auf Ihren WP-Admin zugreifen können oder dass Sie mit dem weißen Bildschirm des Todes konfrontiert werden. Was auch immer es sein mag, WP Reset hat Ihren Rücken. Es ist mit hilfreichen Reinigungswerkzeugen ausgestattet, mit denen Sie Ihre Website schnell und einfach wiederherstellen können.

Darüber hinaus können Sie damit beliebige Plugins und Themes schnell installieren oder bei Fehlern deaktivieren. Darüber hinaus erstellt die Funktion Snapshots von WP Reset automatisch einen Snapshot Ihrer Website, bevor Sie Änderungen daran vornehmen, sodass Sie diesen Snapshot wiederherstellen können, wenn die Dinge nicht wie geplant verlaufen.

Die leistungsstärkste Option, die dieses Plugin bietet, ist die Nuclear Reset-Option, mit der Sie Ihre Installation vollständig löschen und alle Plugins, Designs und Datenbankeinträge entfernen können. Verwenden Sie es jedoch nur, wenn Sie es wirklich brauchen.

Sie haben vergessen, Ihre Website auf Geschwindigkeit zu optimieren

Eine Folge davon, sich zu sehr auf jQuery zu verlassen, ist die Tendenz, in eine Gewohnheit von Anti-Patterns zu verfallen. Wenn der Browser zum ersten Mal geladen wird, müssen der JavaScript- und CSS-Code ausgeführt werden, bevor die Seite geladen wird, je nachdem, wo Sie Ihre Skripts platzieren.

Wie Sie sich vorstellen können, wird Ihre Website durch zu viele Skripte verlangsamt. Ungenutzte CSS-Klassen erhöhen die Paketgröße Ihrer Website und verlangsamen sie in ähnlicher Weise.

Viel geht in die Geschwindigkeitsoptimierung. Um nur einige Faktoren zu nennen: Schriftarten, Bilder, zusätzliche JavaScript- und CSS-Dateien sowie die Dateikomprimierung spielen eine Rolle. Wenn Sie diese beherrschen, schauen Sie sich Paketbündel wie Webpack und Rollup an, die ungenutzte CSS-Klassen und JavaScript-Methoden aus Ihren Dateien entfernen können.

Unvollständige Eingabevalidierung

Einige der wichtigsten Teile jeder Website, die Sie jemals erstellt haben, sind Formulare. Da dies die einzige Möglichkeit ist, Informationen an Ihren Server weiterzugeben, ist es immer notwendig, einige Plausibilitätsprüfungen an ihnen durchzuführen.

Einige der häufigsten Angriffsvektoren im Internet sind immer noch XSS-Angriffe und SQL-Injection. Der Fehler, den Junior-Entwickler häufig machen, besteht darin, nur eine Eingabevalidierung im Frontend zu haben.

Die gesamte Eingabevalidierung erfolgt über JavaScript, das einfach zu deaktivieren ist. Allerdings empfiehlt Kenneth Sytian von Sytian Web Developer Philippines, immer eine Eingabevalidierung sowohl im Backend als auch im Frontend durchzuführen. Außerdem sollten alle nicht-alphanumerischen Zeichen maskiert werden, um Injektionsangriffe unmöglich zu machen.

Ignorieren der Bedeutung von SEO

Es reicht nicht aus, dass Sie schöne Websites bauen und versenden. Es ist ebenso wichtig, dass die Leute die von Ihnen angebotenen Inhalte sehen und schätzen. Der beste Weg, dies zu tun, besteht darin , Ihr SEO-Wissen und dessen Umsetzung zu verbessern.

SEO ist ein langer und komplizierter Prozess, der ständige Forschung erfordert, um über die sich ständig ändernden Spielregeln auf dem Laufenden zu bleiben. Mit seiner geschwungenen Reichweite sollte es nicht am Ende des Entwicklungsprozesses abgetan werden.

Einige Praktiken, wie z. B. immer beschreibende „alt“-Tags auf Ihren Bildern, müssen aktiv verarbeitet werden. Stellen Sie sich vor, Sie scannen alle Ihre Dateien, um nach Alt- und Meta-Tags zu suchen, wenn Sie mit dem Projekt bereits fertig sind.

Kein Favicon haben

Es ist leicht, das Favicon als unnötig abzutun, weil es so trivial einzurichten ist, aber seine Existenz ist ziemlich wichtig. Im modernen Web ist es üblich, dass Benutzer mehrere Registerkarten geöffnet haben, damit sie sie später erneut aufrufen können. Favicons fungieren als eine Art Lesezeichen, sodass Ihre Website auf einen Blick sichtbar ist. Das Fehlen eines solchen kann dazu führen, dass die Benutzer das Interesse verlieren.

Anstatt selbst eines in Photoshop zu erstellen, empfiehlt die preisgekrönte UX-Designerin Michelle Dipp, kostenlose Grafikdesign-Tools zu verwenden, die Sie online finden können. Sie können sogar eine finden, die Favicon-Vorlagen anbietet, damit Sie problemlos Ihre eigenen erstellen können.

Responsive Design ignorieren

Responsive Design gehört zu den wichtigsten Dingen, die eine Website haben sollte. Der meiste Traffic im Internet kommt von mobilen Geräten. Wenn Sie keine Website haben, die je nach Bildschirmgröße unterschiedliche Inhalte anzeigt, haben Sie einen erheblichen Nachteil. Dies gilt insbesondere dann, wenn Ihre Konkurrenten dasselbe anbieten.

Eine Möglichkeit, die Benutzererfahrung zu verbessern, besteht darin, Sticky-Elemente auf Ihrer Website zu implementieren. Sticky-Elemente sind solche, die auf der Seite fixiert bleiben, während der Benutzer surft. Wenn die Elemente fixiert sind, ist es einfacher, darauf zuzugreifen, und Sie wissen, dass sie sich immer an einem Ort befinden, was bei einem Mobiltelefon unerlässlich ist.

Abgesehen davon ist WP Sticky das perfekte Plugin, mit dem Sie Ihre Sticky-Elemente erstellen können. Mit WP Sticky können Sie beliebig viele Elemente sticky machen, ohne eine einzige Codezeile schreiben zu müssen. Sie müssen nur Ihr Element direkt auf dem Bildschirm auswählen.

Mit WP Sticky können Sie Ihr Menü, Ihre Kopf- und Fußzeile und vieles mehr klebrig machen. Darüber hinaus können Sie die Position und Deckkraft des Elements anpassen und es zu einem bestimmten Beitrag hinzufügen oder entfernen.

Außerdem ist dies einer der Faktoren, die Google beim Ranking von Seiten berücksichtigt. Wenn Ihre Seite auf Mobilgeräten nicht reagiert, erhalten Sie wahrscheinlich einige E-Mails von der Webmaster-Konsole, in denen Sie aufgefordert werden, Ihre Website zu aktualisieren.

Fazit

Gutes Webdesign braucht Zeit. Zeit zum Recherchieren, Zeit zum Arbeiten und noch mehr Zeit, um sich an empfohlene Vorgehensweisen zu gewöhnen. Während der Entwicklungszeit einen Fehler zu machen, ist nicht das Ende der Welt. Nehmen Sie stattdessen alle Rückschläge, denen Sie begegnen, als Lernerfahrung. Verbessern Sie Ihr Wissen und Ihre Anwendung des richtigen Webdesigns, indem Sie sie verwenden.

–

ÜBER DEN AUTOR

Becky Holton ist Journalistin und Bloggerin bei Bestdissertation.com, dem besten Essay-Schreibservice. Sie interessiert sich für Bildungstechnologien, fachkundiges Schreiben und ist immer bereit, informative Reden bei AustralianWritings zu unterstützen. Folge ihr auf Twitter.