4 Tipps zur Entwicklung Ihrer Entwicklerkompetenz

Sep 11, 2025

wie man

Coder navigates a roadmap avoiding bugs and errors in coding

(Bildkredite: Robert Pizzo)

Superfreundlicher Regisseur Dan Mall Wird seine Pro-Tipps zur Verfügung stellen, wie Sie als Webdesigner relevant bleiben New York generieren 2018. Holen Sie sich jetzt Ihr Ticket .

Für diejenigen von Ihnen mit weniger als fünf Jahren Erfahrung in der Webentwicklung, ist es wahrscheinlich, dass Sie immer noch Ihre Füße in Bezug auf Sprachmerkmale, Rahmen, Architektur und Best Practices finden. Und obwohl Sie jeden Standort mit den besten Absichten beginnen können, am Ende sind die Chancen, dass alles, was Sie wollen, ist, bis das Sachen gut genug funktioniert, um bezahlt zu werden.

Ich habe die letzten Jahre damit verbracht, eine Vielzahl von bekannten Marken-Standorten zu retten, die in der Theorie in der Theorie einfach sein sollten, aber aus verschiedenen Gründen - Vorgehensweisen von Freelancern, einem Mangel an Top-Down-Überwachung - wurden in Spaghetti- Verbindungen der technischen Schulden.

01. Folgen Sie der Formel

Die Sache, die ich aus dem Weg verlassen möchte, ist, Ihnen zu versichern, dass wir alle dort gewesen sind, und es gibt nichts Falsches, wenn Sie nicht alles wissen. Die Programmierung ist brillanter Spaß und der Grund, warum Sie es täglich tun möchten, ist wahrscheinlich, dass Sie wahrscheinlich zu einer Herausforderung führen, die Führung übernehmen und innovative Lösungen liefern.

Aber hier ist der Fang: Was den Programmierspaß leistet (erfinderische und Denken an Ihren Füßen) unbeabsichtigt zu technischen Schulden bei größeren Team-LED-Projekten beitragen kann.

Es gibt etablierte Best Practices, Prinzipien und Muster, die sich im Laufe der Jahre bewährt haben. Es ist Ihre Aufgabe, sie zu erforschen, zu erforschen, zu lernen und umzusetzen - und opfern Sie dabei ein wenig Ihrer Individualität in der Rückkehr für Wartungsfähigkeit und Zuverlässigkeit. Es gibt einen Blog-Beitrag namens ' Sie sind nicht bezahlt, um Code zu schreiben 'Das fasst es ziemlich gut zusammen.

02. Schwitzen Sie das kleine Sachen

Die Programmierung ist sehr viel über Klarheit, und wenn Sie das Holz nicht für die Bäume sehen können, werden die Chancen, dass Ihre Codebase gezielt schlank und gemeinnützig ist, und gemeint wird stark verringert. Daher sollte Ihre Hauptstrategie für den Aufenthalt auf den Dingen ein anspruchsvoller Fokus auf den Grundlagen sein.

Seien Sie ultra-organisiert: Seien Sie Sorgen um Ordnerstrukturen und Speicherorte (Frameworks können hier helfen), sicherstellen, dass die Module konsistente API-Bestellungen, gängige Gruppenfunktionalität haben und Vorlagen mit Trennzeichen verwenden.
Machen Sie Ihren Code lesbar: Verwenden Sie den weißen Raum ritterlich, und nutzen Sie Kommentare, um die Gruppierung zu kommunizieren und Absicht zu klären (aber keinen schlechten Code). Sie arbeiten als Team und Sie sind dafür bezahlt.
Kegeln Sie keine Ecken: Die Rettung der Zeit mag jetzt als eine gute Idee erscheinen, aber Sie können sicher sein, dass als Projekt, wenn das Projekt wächst, jede hinterlistige Faulheit verstärkt und das Projekt später verstärkt und das Projekt kosten.

Stellen Sie während des gesamten Prozesses sicher, dass Sie Fehler korrigieren, wie Sie gehen. Früher oder später wird ein anderer Code auf diesen Fehlern angewieft. Stoppen Sie die Fünde so schnell wie möglich. Wenn Sie Änderungen vornehmen, machen Sie sie konsequent. Datenbankspalten, Backend-Funktionen, API-Anrufe, JavaScript-Funktionen, Dokumentationen, Anmerkungen, HTML-Attribute, CSS-Klassennamen usw. - Stellen Sie sicher, dass alles Cascades runter ist.

03. Bleib strukturiert

Image showing a before and after of restructured and refactored code — Zwei Versionen derselben Anwendungsroutes-Datei. Was macht es einfacher, die Struktur der Anwendung zu verstehen?

Es gibt eine Versuchung, wenn Sie eine in sich geschlossene Stelle bauen, um die Verkapselung auszulösen, und den Code mit globalen Verweisen auf App oder um Komponenten mit parent.parent.parent oder dergleichen zu reichen. Dies baut schnell technische Schulden auf.

Nach Möglichkeit versuchen Sie, Ihre App als eine Reihe unabhängiger Module zu betrachten, und bauen Sie auf den Best Practices Ihres Rahmens auf, um eine enge Kupplung und Interdependenz zu beseitigen. Wenn es hilft, sollten Sie sich anstellen, dass Sie Teile der App in anderen Projekten wiederverwenden und denken, wie Sie Dateien, Markup und Code strukturieren würden, um dies zu erleichtern.

Sie müssen wachsam sein, um die Verantwortung zu vermehren und sich ständig zu fragen: Hätt dies hierher? Wenn der Code 'icky' fühlt, ist es wahrscheinlich.

Bei Teamprojekten ist kein fehlendes Code wiederverwenden und kopierter Kodex ein großes Problem. Wenn Sie einen wiederholten Code sehen, beißen Sie die Kugel und den Refaktor alle Instanzen in eine Funktion, ein Modul oder eine Vorlage. Eine gute Ordnerstruktur macht es Ihnen leicht, dass Sie herausfinden, wo man Dinge setzt.

04. Achtung Überkomplexität

A before and after demonstrating how a refactored class is more readable, functional and testable — Die refaktorierte Klasse rechts ist eine lesbare, funktionale und überzeugbare Version des auf der linken Seite

Das Schlüsselproblem mit der Komplexität besteht darin, dass es sich aus dem ursprünglichen Problem maskiert und lenkt, das Sie auflösen möchten, und wiederum endet, entweder an derselben Stelle oder in anderen Teilen der Anwendung mehr Code und komplexerer. Sie enden in einem Teufelskreislauf.

Wenn Ihr Code anfängt, mehr als eine Algebra-Lektion auszusehen als eine gepflegte API, müssen Sie einen Schritt zurücklegen. Es kann sein, dass Sie diesen bestimmten Code, der den Klumpen des Codes refaktieren muss, um die Klasse zu refaktieren, die Ihren aktuellen Ansatz an das Problem, das Sie lösen möchten, in Verbindung setzen oder überdenken.

In extremen Fällen müssen Sie möglicherweise erneut nach draußen schauen. Ich habe kürzlich ein äußerst kompliziertes Sicht eingerichtet, das ich erkannte, dass das Opfer eines schlecht nachdenklichen Routing-Schemas war. Indem ich die gewundenen Routen in etwas vernünftiges neu gestaltet hatte, konnte ich Hunderte von Zeilen von dichtem Spaghetti-Code in verschiedenen Klassen auftreiben und einige langjährige Router-Hacks / Fehler dabei entfernen.

Das einzige, was Sie nicht tun sollten, nachdem Sie einen besonders stumpfen Code geschrieben haben, ist zurücklehnen und stolz darauf, wie schwierig es ist, dies zu lesen! Der beste Code ist elegant (Lesen: nicht knifflig); Wenn Sie nicht sind, haben Sie Arbeiten daran.

Dieser Artikel wurde ursprünglich in Ausgabe 290 von Net, dem weltweit besten Verkaufsmagazin für Webdesigner und Entwickler, veröffentlicht. Kaufen Ausgabe 290. oder Net abonnieren .

Möchten Sie weitere Ratschläge zum Polieren Ihrer Programmierkenntnisse?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018 — Das Dan Mall gibt seinen Vortrag, sollte Designer ...? Beim Generieren von New York vom 25. bis 27. April 2018

Designer müssen ihre Fähigkeiten anbauen, um relevant und effektiv zu bleiben, aber das lohnt sich, sich zu konzentrieren? Sollte Designer den Code lernen, und wenn ja, kann ein begrenztes Codewissen wirklich einen Unterschied mit talentierten Ingenieuren machen? Wie können Designer in agile Workflows passen? Ist die Projektmethode trotzdem auch wichtig? Welche Rolle hat ein Designer bei der Erstellung, Verwendung und Pflege von Designsystemen?

In seinem Vortrag an Generieren Sie New York vom 25. und 27. April 2018 , Superfreundlicher Regisseur Dan Mall teilen Geschichten und Perspektiven, um diese Fragen und mehr zu beantworten, und liefern spezifische Methoden und Techniken, um die Konstrukteure dabei zu unterstützen, dass Konstrukteure noch unverzichtbarer sind, schneller werden. Holen Sie sich jetzt Ihr Ticket .

Zum Thema passende Artikel:

Die Entwickler-Tools, die Sie gerade wissen müssen
25 Webentwicklungstipps, um Ihre Fähigkeiten zu steigern
10 Dinge Webentwickler müssen wissen, um wirklich erstaunlich zu werden

4 Tipps zur Entwicklung Ihrer Entwicklerkompetenz

01. Folgen Sie der Formel

02. Schwitzen Sie das kleine Sachen

03. Bleib strukturiert

04. Achtung Überkomplexität

Möchten Sie weitere Ratschläge zum Polieren Ihrer Programmierkenntnisse?

wie man - Die beliebtesten Artikel

Wie zeichnet man ein Pferd

Anatomie Masterclass: Perfekt deine Figuren

Machen Sie Ihre Charaktere mit Farbe und Licht

Erstellen Sie Apps, die offline arbeiten

Wie man reizvolle Miniaturen malt

Erstellen von verzierten Fliesen in Substanzdesigner

Erstellen Sie einen Spritzwirkung in Realflow

Wie man Manga-Stil-Haar in Bewegung erstellt

Kategorien