Zehn zeitsparende Tipps zur Verkürzung der Webanwendungsentwicklung (grafisches Tutorial)_HTML/Xhtml_Webseitenproduktion

In der heutigen Entwicklungsumgebung ist schneller besser.

Heutige Schlagworte und Begriffe wie „schnelle Anwendungsentwicklung“, „agile Softwareentwicklung“ und „asynchrones JavaScript und XML“ (wir können heutzutage nicht einmal geduldig darauf warten, dass Webseiten neu geladen werden) geben Ihnen eine Vorstellung davon Sie geraten wirklich in eine schnelllebige Welt.

Aber in Eile zu sein bedeutet nicht, dass Sie Überstunden machen müssen – Sie müssen bei der Arbeit Ihr Gehirn einsetzen. In diesem Artikel finden Sie die zehn besten zeitsparenden Tipps zur Verkürzung der Entwicklung von Webanwendungen.

1. Framework verwenden

Das Framework extrahiert regulären Code und bietet eine Grundstruktur und Grundlage für das Schreiben von Webanwendungen.

Ein sehr typisches Beispiel für ein Framework ist Rails, ein Webanwendungsentwicklungsframework in der Programmiersprache Ruby. Durch die Bereitstellung vorgefertigter Codepakete (z. B. Validierung von Benutzereingaben) sparen Sie nicht nur die Zeit, die Sie beim Schreiben Ihres eigenen Codes in Ruby benötigen, sondern Sie wissen auch, dass die Pakete von anderen Entwicklern getestet und überprüft werden können Sie ersparen sich beim Breitentest eine Menge Ärger und können außerdem potenzielle Schwachstellen vermeiden, die durch mangelnde Tests verursacht werden.

Die gleichen Vorteile gelten für die Verwendung von JavaScript-Frameworks wie MooTools. Einige der von diesen Frameworks bereitgestellten Klassenmethoden werden von Kernentwicklern und Communities bereitgestellt und wurden in vielen Browsern ausgiebig getestet. Zu den clientseitigen Skriptsprachen-Frameworks gehören jQuery, Prototype JS und YUI. Wenn Sie einige nicht zum Mainstream gehörende JS-Frameworks verwenden möchten, können Sie sich diese Liste potenzieller JavaScript-Frameworks ansehen.

Für serverseitige Frameworks können Sie CakePHP, CodeIgniter, Zend oder Symphony in Betracht ziehen. Wenn Sie von Microsoft unterstützte Sprachen wie VB und C# mögen, können Sie das .Net-Framework in Betracht ziehen.

Sie können sogar CSS-Frameworks wie 960Grid oder BluePrint verwenden, um schnell Ihre eigene Seitenstruktur zu schreiben und zu standardisieren.

2. Integrierte Entwicklungsumgebung verwenden

Natürlich können Sie Webanwendungen und deren Seiten nur mit einem Texteditor wie Notepad und FTP erstellen. Aber ich denke, die meisten Leute sind sich einig, dass dies kein kluger Ansatz für die Entwicklung komplexer und robuster Website-Projekte ist.

Integrated Development Environment (IDE) bietet Ihnen eine Sammlung von Tools, die Sie zum Erstellen und Verwalten großer Website-Projekte benötigen. Die Funktionen integrierter Entwicklungsumgebungen ändern sich ständig, aber alle haben die folgenden gemeinsamen Funktionen

1. Funktionen für Projektmanagement und Teamzusammenarbeit.

2. Debugging- und Diagnosefunktionen.

3. Grammatikaufforderungen und Autovervollständigungsfunktion (IDE errät die Syntax, die Sie schreiben möchten)

4. Syntaxhervorhebung

5. Integriertes FTP, das Dateien auf lokalen und Remote-Hosts synchronisieren kann

Das Wort „IDE“ mag etwas ausgefallen sein und manche Leute sind damit nicht vertraut, aber Big-Data-Leute sollten von Adobes Dreamweaver gehört haben. Dreameweaver kann als integrierte Entwicklungsumgebung betrachtet werden. Weil es einige der oben genannten Funktionen enthält, die Ihnen helfen, Code schneller zu schreiben. (Es eignet sich normalerweise für die Front-End-Produktion. Es unterstützt aber auch serverseitige Sprachen wie PHP und ASP.NET)

Heutzutage sind unzählige IDEs online, Sie müssen nur eine für sich selbst (oder Ihr Team) auswählen. Wie einige beliebte IDEs mit vollem Funktionsumfang wie Eclipse, Komodo IDE, NetBeans, Visual Studio und Aptana Studio.

3. Angemessene Modularisierung

Modularität ist der Schlüssel zur Erstellung komplexer Anwendungen, die einfach zu warten und zu erweitern sind. Im Wesentlichen bedeutet dies, Code in kleinen Teilen zu schreiben, anstatt den gesamten Code in einer großen Datei zu schreiben.

Modularisierung hat zunächst einmal ihren eigenen Zeitaufwand (da Sie viel über die Gestaltung der Dateistruktur nachdenken müssen). Dies erspart Ihnen jedoch Verluste, wenn Sie eine bestimmte Komponente ändern müssen oder Ihre Anwendung erweitern möchten viel Zeit.

Die Modularisierung begrenzt auch Fehler innerhalb des Moduls. Wenn es irgendwo ein Problem gibt, werden Sie das Problem schnell finden.

Der Missbrauch der Modularität führt jedoch zu aufgeblähtem Code und zu vielen unnötigen Include-Anweisungen, was die Ausführungsgeschwindigkeit der gesamten Anwendung erheblich verlangsamt. Wir müssen also eine gute Balance zwischen zu viel Modularität und zu wenig finden.

Einige modulare Designmuster umfassen MVC- und PAC-Muster.

4. Verwenden Sie Browser-Tools, um Front-End-Probleme effizient zu beheben

Es gibt nichts Schlimmeres, als sich mit browserübergreifenden Kompatibilitäts- und Parsing-Problemen herumzuschlagen. Dieses Stangen-Ding wird Sie in den Wahnsinn treiben und so viel Frustration hervorrufen, dass es Ihnen schwerfallen wird, Ihren Hass loszuwerden, ohne etwas zu zerschlagen. Aber in den Browser integrierte Debugging-Tools machen das Auffinden und Diagnostizieren von Front-End-Problemen viel schneller und effizienter.

Firebug und Web Developer sind absolut notwendige zeitsparende Tools, die zu unverzichtbaren Tools für Front-End-Webentwickler geworden sind. Firbug kann das DOM leicht anzeigen, um seine Prinzipien zu verstehen, und kann CSS/HTML/JS im Handumdrehen anpassen. Darüber hinaus kann es Ihnen beim Debuggen und Kommentieren (Profilieren) Ihres JavaScript-Codes helfen, um herauszufinden, was es ursprünglich war. Welche Situation hat zur Unterbrechung Ihres Skripts geführt? Web Developer stellt Ihnen eine Reihe nützlicher Tools zur Verfügung. Mit einigen Tools können Sie beispielsweise auf ein Seitenelement klicken, um zu sehen, welche Stildeklarationen sich auf das Element auswirken. Außerdem können Sie JavaScript und CSS einfach deaktivieren Seiten funktionieren ohne JavaScript oder CSS.

Wenn Sie im IE-Browser debuggen müssen, können Sie die IE Developer Toolbar ausprobieren. Die Funktionalität ist Firebug und Web Developer sehr ähnlich. Wenn Sie weitere in den Browser integrierte IE-Debugging-Tools finden möchten, mit denen Sie Debugging-Zeit sparen können, können Sie auf diesen Link klicken.

5. Code-Wiederverwendung

Wenn Sie feststellen, dass Sie ständig sich wiederholende Dinge tun, ist es an der Zeit, über Ihre Codestruktur nachzudenken. Erwägen Sie das Erlernen gängiger Entwurfsmuster, die Ihnen beim Erstellen wiederverwendbarer, flexibler Methoden, Funktionen und Objekte helfen.

Wenn Sie beispielsweise häufig eine Verbindung zur Datenbank herstellen müssen, müssen Sie möglicherweise eine Datenbankzugriffsklasse erstellen, um Datenbankverbindungen, Abfragen und Datenübermittlung zu verarbeiten.

6. Online-Zusammenarbeit und Verfolgung des Projektstatus

Eigentlich sind Sie mit Ihrer Arbeit nicht allein. Unabhängig davon, ob Sie für ein Entwicklungsteam oder für jemanden (z. B. Ihren Chef oder einen Kunden) arbeiten, sollten Sie die Vorteile der Online-Zusammenarbeit und der Verfolgung des Projektstatus voll ausschöpfen.

Je weniger Zeit Sie mit Verwaltungsaufgaben oder endlosen Besprechungen verbringen (oder, schlimmer noch, mit der Art von persönlichen Besprechungen, die eine Reise erfordern), desto mehr Zeit verbringen Sie mit dem Code. Je mehr Zeit dafür benötigt wird.

Tools wie Basecamp, Lighthouse und activeCollab bieten Ihnen Team-Collaboration-Services aus einer Hand, sodass Sie jederzeit den Status des Projekts verfolgen können. Außerdem können Sie Projektziele und Meilensteine ​​festlegen – damit jeder es erreichen kann automatisch synchronisiert, wodurch Sie Zeit sparen, häufig auf E-Mails zu antworten, und Sie müssen nicht viel unnötige Zeit mit Besprechungen zur Bestätigung des Fortschritts verbringen.

Diese Tools helfen Ihnen auch dabei, Prioritäten zu setzen und sicherzustellen, dass alles an einem zentralen Ort organisiert und aufgezeichnet wird.

7. Automatische Formatierung und Standardisierung des Codes

Sie müssen das Format Ihres gesamten Codes standardisieren. Dies ist nicht nur eine gute Angewohnheit, sondern hilft Ihnen auch, den Code schnell zu verstehen, wenn Sie in Zukunft auf den Code zurückgreifen müssen.

Durch die automatische Codeformatierung können Sie Ihren gesamten Code mit einem Klick formatieren, anstatt dies Zeile für Zeile zu tun, was auch die Konsistenz beim Codeschreiben gewährleistet. Durch die automatische Formatierung wird außerdem das Risiko von Fehlern durch manuelle Änderungen verringert

Wir verfügen über viele Tools, die uns dabei helfen, viele davon sind Online-Versionen. Für CSS ist CSSTidy eine beliebte Open-Source-Lösung (Clean CSS ist eine Online-Version von CSSTidy). Für HTML haben wir HTML Tidy.

Für Skripte verfügen wir über PHP Source Code Formatter, Ruby Script Beautifier und Code Beautifier Plus (dieses Tool wird zum Formatieren von C#, ActionScript und Java verwendet).

8. Verbringen Sie mehr Zeit mit der Erfassung und Planung der Anforderungen

Vorbeugung ist weitaus besser als Abhilfe. Vielleicht legen einige Denkrichtungen Wert darauf, keine Zeit mit der Planung zu verschwenden – es ist immer noch notwendig, sicherzustellen, dass Sie alle Informationen gesammelt haben, die Sie wissen müssen, und sich die nötige Zeit zu nehmen, um Ihre Hausaufgaben zu machen. Wenn Sie bei der Anforderungserfassung nicht genügend Hausaufgaben machen, führt dies zu einer Funktionsschleichung. Der Grund dafür sind verschiedene unerwartete funktionale Anforderungen

9. Verwenden Sie bereits geschriebenen Code

Die Alten haben das Rad auch für uns erfunden, daher besteht für uns keine Notwendigkeit, das Rad selbst zu erfinden. Wenn Sie irgendwo eine Funktion sehen, die Sie interessiert, besteht die Möglichkeit, dass jemand anderes bereits den Code für Sie geschrieben hat (naja, nicht nur für Sie, sondern für uns alle). Für PHP ist das PHP Classes Repository eine große Anzahl von Klassen und Skripten stehen Ihnen zum Herunterladen und Verwenden zur Verfügung. Hot Scripts bietet verschiedene Skripte in anderen Sprachen. Wenn Sie nur ein paar kleine Codeschnipsel möchten, können Sie auf devSnippets einkaufen.

Hinweis: Die obige Methode hilft Ihnen nur dann wirklich, wenn Sie über genügend Erfahrung verfügen, um guten Code von schlechtem Code zu unterscheiden. Andernfalls werden Sie feststellen, dass Ihr Endprodukt voller Codefehler und verwirrender Texte ist.

10. Optimierte Funktionen

Sie müssen bestimmte Funktionen der Webanwendung bewerten, um festzustellen, ob sich die Zeitinvestition in diese Funktion lohnt.

Benötigen Ihre Benutzer wirklich ein regelmäßig aktualisiertes Content-Management-System, das für jede Artikelkategorie eine benutzerdefinierte RSS-Ausgabe bereitstellt? Sie benötigen unbedingt einen Website-Stilkonverter, der Ihnen dabei hilft, den geografischen Standort des Benutzers zu erkennen und die Website dann in einem anderen Stil darzustellen.

Das Schreiben von Website-Funktionen ist ein harter Kampf. Verschwenden Sie keine Entwicklungszeit mit Funktionen, die für den Endbenutzer nutzlos sind und die Benutzeroberfläche verkomplizieren.