Die zehn besten Tipps zum Einrichten Ihres PCs für die Web-UI-Entwicklung

Wenn Ihr Job Aktivitäten wie "Webseiten-Skripting, AJAX, Entwicklung interaktiver Benutzeroberflächen, Rendering von HTML-Inhalten, Entwicklung von Rich-Content-Websites und alles, was Sie tun, um eine Webseite zu erstellen und zu zeigen" beinhaltet, dann könnte dieser Blogeintrag für Sie nützlich sein, wenn Sie Ihren PC für die Entwicklung von Webanwendungen/UI einrichten. In diesem Blogeintrag geht es nicht um Weblayout oder Bilddesign und -entwicklung.

1. Test mit Firefox

   Auf jeden Fall ist dieses Tool ein Muss für Sie. Ich persönlich surfe zwar mit dem IE, aber Firefox ist vielen Browsern voraus, wenn es um das Testen Ihrer Webseite geht. Viele Plugins, die zu diesem Zweck entwickelt wurden, machen Firefox jeden Tag nützlich. Lesen Sie diesen Blog weiter und Sie werden selbst sehen, warum das so ist.

2. Add Web Developer

   Stellen Sie sich ein Tool vor, mit dem Sie das CSS einer Webseite anzeigen/bearbeiten/auflisten können, und das auch noch dynamisch... Stellen Sie sich ein Tool vor, mit dem Sie die Attribute eines Html-Objekts nachverfolgen und prüfen können, indem Sie einfach mit der Maus darüberfahren... Stellen Sie sich ein Tool vor, mit dem Sie Ihre Webseite auf verschiedenen Bildschirmauflösungen anzeigen können. Ja, das alles gibt es in Web Developer. Wenn Sie sehen möchten, wie es genau aussieht, klicken Sie auf diesen Link, der den Screenshot einer Webseite in Firefox mit aktiviertem Web Developer zeigt.

3. Venkman / SeaMonkey hinzufügen

   Irgendwann benötigen Sie vielleicht ein Tool, mit dem Sie Ihr Javascript Zeile für Zeile und/oder Methode für Methode debuggen können. Fügen Sie einer Variablen eine Überwachung hinzu, simulieren Sie ein Skript und so weiter. Ja, diese Art von Debugging-Tool ist für Javascript verfügbar und das beste, das mit Firefox2.0 gut funktioniert, ist Venkman.

4. Microsoft Script Editor hinzufügen - Javascript Debugger für MS IE

   Es ist nicht ganz einfach, es zum Laufen zu bringen, aber zumindest die Anleitung auf https://www.jonathanboutelle.com/mt/archives/2006/01/howto_debug_jav.html hilft uns dabei. Dies ist hilfreich, wenn Sie Fehler beheben möchten, die in Firefox funktionieren, aber nicht im IE.

5. FireBug hinzufügen

   Dies ist genauso leistungsfähig wie Web Developer. Das Einzigartige daran ist die Fähigkeit, die mit XMLHttprequest/AJAX gesendeten Nachrichten zu erschnüffeln. Dies hilft Ihnen zu sehen, was genau Ihre Anfrage/Antwort enthält. Besonders nützlich für die Verfolgung von JSON-Daten, die bei der Verwendung von AJAX gesendet werden.

6. Scriptaculous hinzufügen

   Wenn Sie viel Javascript auf Ihrer Seite einsetzen (und/oder AJAX), dann ist es ratsam, Scriptaculous - Prototype zu verwenden. Verschwenden Sie Ihre Zeit nicht mit dem Schreiben von Codes, die die DHTML-Zauberei übernehmen. Alles, was Ihre Rich Web UI haben muss, ist darin definiert. Dazu gehören Funktionen wie Array-Manipulationen, JSON, Drag & Drop und so weiter. Wollen Sie das Rad nicht neu erfinden?

7. Verwenden Sie eine vorgefertigte Javascript-Bibliothek für AJAX-Operationen

   Schreiben Sie Ihren Code nur, wenn Sie weniger als 2 Ajax-Aufrufe für Ihre Anwendung machen wollen. Javascript-Bibliotheken wie Dojo, DWR, Ajax-Tags funktionieren sehr gut mit führenden Webanwendungs-Frameworks. Zum Beispiel macht DWR mit Spring AJAXing extrem einfach.

8. Verwenden Sie Xeno Link sleuth

   Veröffentlichen Sie Ihre Website nicht, ohne sie auf defekte Links zu überprüfen. Selbst wenn Sie eine Webseite aus Ihrem Verzeichnis entfernen, sollten Sie eine Weiterleitungsoption für diese Seite anbieten. So können Sie Ihre Kunden über neue Änderungen auf Ihrer Website auf dem Laufenden halten. Xenu link sleuth leistet hervorragende Arbeit beim Auffinden und Auflisten defekter Links.

9. Verwenden Sie Selen

   Das beste Testprogramm, das Dinge wie die Überprüfung der Browserkompatibilität und die Prüfung der Systemfunktionalität testen und mitteilen kann. Ein nettes Tool zum Schreiben von Testfällen für Javascript.

10. HTML-Validator hinzufügen

    Ein Tool, das Ihnen hilft, Ihren HTML-Code gemäß den W3C XHTML-Spezifikationen zu bestätigen. Es ist wichtig, dass Ihre Webseite die XHTML-Beschwerde erfüllt, da Sie nie wissen, wie der User-Agent sein wird. Das kann ein Handy oder ein PDA oder ein WebTV sein und so weiter. XHTML hilft zumindest dabei, das Layout des Inhalts stabil zu halten.

Dies sind nur die 10 besten Tipps. Wenn Sie weitere nützliche Tools für Ihre tägliche Webentwicklung gefunden haben, fügen Sie diese bitte als Kommentar hinzu.