6 Codierungstipps zur Verbesserung Ihrer Codierungsfähigkeiten

Heutzutage finden viele Programmierer möglicherweise keine guten und effektiven Möglichkeiten, ihre Fähigkeiten und Programmierkenntnisse zu verbessern, oder sie bleiben einfach in der Gegenwart. Jetzt werden wir Ihnen einige praktischere und effektivere Methoden vorstellen.

Manche Programmierer können jede Woche mindestens ein paar hundert Zeilen Code in vier verschiedenen Sprachen schreiben. Sie können auch mit anderen Entwicklern zusammenarbeiten, um Code zu bearbeiten und zu überprüfen.

Um es einfach auszudrücken: Es liegt eine Menge Code herum, und wenn er nicht organisiert, aber noch wichtiger, wenn er nicht gut geschrieben ist, werden die Dinge etwas kompliziert. Schauen wir uns einige verschiedene Möglichkeiten an, um die Gesamtqualität unseres Codes zu verbessern.

1. Beginnen Sie mit der Erstellung von Modulen

Eine der besten Möglichkeiten, Ihren Code konsistent, wiederverwendbar und organisiert zu halten, besteht darin, Funktionen zu gruppieren. Anstatt beispielsweise Ihren gesamten JS-Code in einer main.js-Datei zusammenzufassen, versuchen Sie, sie basierend auf der Funktionalität in separaten Dateien zu gruppieren und sie dann zu verketten, nachdem Sie Ihre Build-Schritte abgeschlossen haben. Natürlich gibt es noch mehr zu tun, um modularen Code zu schreiben , und Sie können nicht einfach modularen Code in js schreiben.

CSS-Präprozessoren wie Sass (hier vorgestellt) ermöglichen es Ihnen, CSS-Dateien in separate Dateien zu schreiben und sie dann beim Kompilieren in eine Hauptdatei einzubinden Dadurch können Sie separate CSS-Dateien für verschiedene Komponenten wie Schaltflächen, Listen und Schriftarten schreiben. Schließlich ist alles in einer Hauptdatei enthalten und die Pflege des Codes als Ganzes wird viel einfacher.

Neue Technologien wie Polymer ermöglichen es Ihnen, benutzerdefinierte HTML-Elemente zu schreiben, sodass Sie HTML, CSS und JS verwenden können kann basierend auf der Funktionalität in separate Komponenten organisiert werden. Sie sollten sich auch Browserify (hier beschrieben) ansehen, das Ihnen die Verwendung von Modulen im Node.js-Stil im Browser ermöglicht.

Brad Frost bietet auch einen tollen Überblick über Die Konzepte und Methoden zum Schreiben von modularem Code finden Sie hier.

2. Apropos Präprozessoren...

Präprozessoren sind nicht nur hilfreich beim Schreiben von modularem Code, sondern auch für viele andere Zwecke. Auch Präprozessoren können Ihrem Code zusätzliche Funktionen hinzufügen und gleichzeitig dasselbe HTML, CSS und JS ausgeben, das auch Browser verarbeiten können. Wenn Sie dies jedoch tun, können Sie die Vorteile ihrer Verwendung weiterhin nutzen .

Die Verwendung eines Präprozessors kann Ihnen das mehrfache Schreiben von Code ersparen. Sie bieten außerdem nützliche Funktionen wie Variablen, Funktionen, Schleifen und eine vereinfachte Syntax. Einige bieten auch Optionen zur Auswahl des von Ihnen bevorzugten Ausgabestils, zum Einbinden von Plugins und Add-ons und zum Erstellen benutzerdefinierter Benachrichtigungen bei Bedarf. Die beliebtesten Präprozessoren verfügen über große Communities und werden gut gepflegt, während die Antworten auf Ihre Fragen im Allgemeinen auch einfach sind zu finden.

Hier ist ein Video, das die beliebtesten CSS-, HTML- und JS-Präprozessoren vorstellt: Sass, Haml und CoffeeScript.

Wenn Sie sich für Sass interessieren, finden Sie hier einen Artikel darüber, wie SitePoint erstellt Hugo Giraudel organisiert ihre Sass-Projekte und seine Lieblingstools dafür

Wenn Sie Sass erkunden, schauen Sie sich unbedingt auch HAML und Coffescript an. Oh.

Das haben Sie nicht in jeder Sprache, die Sie zum Schreiben von Programmen verwenden, einen Präprozessor zu verwenden, aber viele davon helfen Ihnen, besseren Code zu schreiben.

3. Planen Sie, bevor Sie mit dem Schreiben beginnen

Wann haben Sie das letzte Mal gesessen? Schreiben Sie mit Stift und Papier auf, wie Sie an ein Projekt herangehen würden, und wie viele Ansichten werden Sie voraussichtlich unterstützen? Planen Sie die Verwendung automatisierter Laufzeittools oder Buildsysteme? Wenn Sie erst einmal herausgefunden haben, wie es strukturiert sein wird, können Sie problemlos mit dem Projekt fortfahren, und erst nach der Hälfte müssen Sie zurückgehen und etwas Code neu schreiben.

North ist ein ausgezeichneter Leitfaden dafür Leitfaden für die Planung eines Webprojekts von Anfang bis Ende. Es handelt sich um ein langes und umfassendes Online-Dokument. Beim Schreiben von Code wird nicht alles verwendet, aber seine Länge und detaillierten Vorgehensweisen zeigen den Prozess beim Erstellen einer Website Viele Faktoren müssen berücksichtigt werden

Die Auswahl der richtigen Tools und Bibliotheken kann eine herausfordernde Aufgabe sein, insbesondere wenn täglich neue erstellt werden. Die Strategie besteht darin, eine Liste der zu führenden Toolbox-Ressourcen zu führen Verfolgen Sie die besten und nützlichsten Dinge, damit Sie sie bei Ihrem nächsten Projekt frei verwenden können

4. Verwenden Sie die Versionskontrolle

Die Versionskontrolle ist eine Möglichkeit, Änderungen an Dateien oder Ressourcen aufzuzeichnen Es ermöglicht mehreren Personen die Bearbeitung, Änderungsverfolgung und Verwaltung von Ressourcen. Es gibt viele Dienste, die die Versionskontrolle unterstützen, und Github ist mein persönlicher Favorit, weil es soziales Codieren unterstützt, was bedeutet, dass Menschen es teilen können Code auf Github entwickeln oder Code lernen, der von anderen geschrieben wurde

Die Versionskontrolle ist ein etwas komplexes Thema, aber es gibt viele einführende Tutorials. Ich empfehle, unsere Einführung in Git zu lesen, um ein grundlegendes Verständnis davon zu erlangen, bevor Sie beginnen. Sie können auch einen Blick auf den Git-Nutzungsleitfaden werfen und sich erweiterte Git-Tipps von unserem Team holen. Wenn Sie sich nicht für Git interessieren, können Sie sich auch andere Vorschläge zur Versionskontrolle ansehen.

Letzter Vorschlag: Verwenden Sie die Befehlszeile. Die Befehlszeile kann eine einschüchternde Benutzeroberfläche sein, aber wenn Sie sich damit vertraut machen, verbessern Sie Ihr Programmierverständnis insgesamt und erhalten gleichzeitig die Möglichkeit, andere großartige Tools wie Gulp und Grunt zu verwenden.

5. Starten Sie die Codeüberprüfung

Wenn Sie Teil eines Teams sind, ist dies für Sie einfach, aber wenn Sie ein unabhängiger Entwickler sind, ist die Codeüberprüfung nicht unmöglich. Die Grundidee einer Codeüberprüfung besteht darin, den von Ihnen geschriebenen Code anderen Entwicklern (oder Vorgesetzten) zu zeigen, damit Sie erklären können, was Sie geschrieben haben, lernen, wie man es besser schreibt, und sogar Menschen unterrichten können, die die Technologie nicht verstehen Sie verwenden vertraute Personen.

Am besten machen Sie dies einmal pro Woche, mit dem Ziel zu lernen, wie Sie den fertigen Code verbessern können. Hier ist ein Artikel über die Vorteile von Codeüberprüfungen, der erklärt, wie man Codeüberprüfungen am besten durchführt.

Wenn Sie unabhängig entwickeln oder unsozial sind, können jslint und SCSSlint sehr nützlich sein. Diese Tools überprüfen Ihren Code auf Fehler und sorgen gleichzeitig dafür, dass Ihre Dateien sauber und ordentlich bleiben. Mit ihnen müssen Sie nicht mit Menschen interagieren.

6. Nehmen Sie die Herausforderung des Programmierens an

Es gibt viele kostenlose Online-Ressourcen, die Programmierherausforderungen für Entwickler bieten sollen, die ein besseres Verständnis der Sprachen finden möchten, die sie täglich verwenden. Die meisten dieser Websites sind mit großen Communities ausgestattet, die bei Bedarf bereit sind, zu helfen, sodass Sie sich keine Sorgen machen müssen, dass Sie nicht weitermachen können, wenn Sie auf Schwierigkeiten stoßen.

CodeWars ist sehr hilfreich, um Ihre JS-Kenntnisse zu verbessern , und es gibt auch die Übungs-App für Sie, die zufällige Front-End-Herausforderungen bietet, die in Codepen integriert sind.

Wenn Sie so viel oder so wenig wie die oben genannten Vorschläge befolgen, werden Ihre Programmierfähigkeiten und damit die Qualität der Website erheblich verbessert. Tool oder Anwendung, die Sie schreiben.

Die oben genannten Vorschläge werden auch von einigen erfahrenen Programmierern auf der Grundlage ihrer eigenen relevanten Erfahrungen zusammengefasst und geteilt. Ich hoffe, Sie können mehr darüber erfahren, wenn Sie Zeit haben, und vielleicht können sie es auch Dir helfen.