Tools für eine schnellere und bessere Webentwicklung [geschlossen]

Im Laufe der Jahre werden die meisten Webentwickler ein Arsenal an Tools oder "Tools of the Trade" aufgebaut haben. Kürzlich habe ich rsync entdeckt und bin überrascht, wie ich es in all den Jahren geschafft habe, ohne rsync zu leben. Welche Tools halten Sie für die überzeugendsten? Bitte halten Sie sich an die, die Sie regelmäßig verwenden, und schwören Sie darauf. Dies können auch Frameworks, Plattformen, Editoren und alles sein, was Webentwickler Ihrer Meinung nach verwenden sollten (jquery, joomla, xdebug, vi, notepad ++ usw.).

Ich werde mit einem Paar beginnen:

1. rsync - Synchronisierung mit einem Klick mit Live-Servern oder umgekehrt
2. mysqldump - wird zusammen mit rsync zum Synchronisieren der Datenbanken verwendet
3. Teststile-Lesezeichen - Live-CSS-Editor-Lesezeichen, das den Zyklus "Bearbeiten> Speichern> Neu laden" übertrifft, indem es die Live-Bearbeitung ermöglicht.
4. Javascript-Shell - Javascript-Shell-Fenster, das an ein Fenster angehängt ist
5. firebug - erweiterter Javascript / CSS / Dom-Debugger
6. PHP-Shell - Ich benutze diese regelmäßig, um Anweisungen, Funktionen, Klassen oder Skripte schnell zu testen
7. CSS-Discuss Wiki - Ich wäre überrascht, wenn Sie in diesem Wiki keine Lösung für Ihr CSS-Problem finden könnten (in diesem Fall sollten Sie es hinzufügen).
8. Font Matrix - Hilft mir wählen Schriftstapel
9. PHPMyAdmin - Ich bin sicher, dass jeder dies für die Verwaltung seiner MySQL-Datenbanken verwendet, aber ich dachte, ich würde es der Liste für ein gutes Maß hinzufügen

Obwohl ich Tools in der LAMP-Umgebung hervorgehoben habe, können Sie Tools erwähnen, die Sie in Ihrer Umgebung verwenden.

LAMP Stack Entwicklung

• IDE: Zend Studio / PDT für Eclipse
• PHP Framework: Zend Framework
• Javascript-Bibliothek: jQuery
• Quellcode-Versionierung: SubVersion mit Tortoise- Client
• HTML-Filterbibliothek: HTML Purifier
• Bildbearbeitungsbibliothek: PHP-Bild
• Op-Code-Cache: APC
• Javascript / CSS-Bereitstellung: Minimieren
• Debugging der Markup- / Javascript-Inspektion: Firebug
• Datenbankverwaltung: phpMyAdmin
• Seitenlastanalysator : YSlow
• Markup-Validierung: HTML-Validator
• Shell-Client: PuTTY
• FTP-Client: FlashFXP
• Das PHP-Handbuch
• Erfahrung und Können :)

(Ich habe mich auf LAMP konzentriert, da ich das für die Webentwicklung verwende.)

Firefox-Plugins für die Entwicklung

ColorZilla

Dies hat sich für mich als sehr nützlich erwiesen. Sie können jede Farbe (ich gehe hier mit meiner einheimischen Schreibweise) auf jeder Webseite und auch auf dem Chrom, wenn Sie dazu neigen!

Webentwickler-Symbolleiste

Das Lineal ist sehr nützlich! Ganz zu schweigen von allem anderen :)

VirtualBox macht die Entwicklung ziemlich einfach, da Sie eine virtuelle Maschine als "Server" verwenden und die Seiten von Ihrem Hauptbetriebssystem aus durchsuchen können. Dies gilt insbesondere dann, wenn das Betriebssystem, auf das Sie abzielen, nicht das ist, für das Sie entwickeln.

Aptana Studio

Dies sind einige meiner Grundvoraussetzungen:

OS X:

• Texteditor: Textmate
• CSS-Editor: CSSEdit
• FTP-Tool: Senden

Windows:

• Text- und CSS-Editor: Aptana

Plattformübergreifend:

• Quellcodeverwaltung: Git
• Browser-Plugin: Firebug
• Framework: Ruby on Rails
• Javascript-Bibliothek: Prototyp und Scriptaculous
• Navigieren auf mehreren Computern: Synergie

Hier ist auch ein Artikel, den ich vor einiger Zeit geschrieben habe: Grundlagen der Toolbox eines Webentwicklers

Bargeld (um jemand anderen dafür zu bezahlen).

Bearbeiten: Die Frage sagt deutlich:

Bitte halten Sie sich an die, die Sie regelmäßig verwenden, und schwören Sie darauf. Dies können auch Frameworks, Plattformen, Editoren und alles sein , was Webentwickler Ihrer Meinung nach verwenden sollten

Es ist ein sehr vernünftiger Punkt, Teile oder die gesamte Webentwicklung auszulagern.

Wenn Sie rsync hilfreich finden, werden Sie unisono sicher noch mehr finden!

Nur wenige Ergänzungen / Ersetzungen zur exzellenten Galperin-Liste:

• PHP-IDE: VS.PHP / Textpad
• PHP MVC Framework: CodeIgniter
• PHP ORM Framework: phpDBO
• PHP Template Framework: PHPTAL
• FTP-Client: FireFTP
• WAMP-Paket: WAMP-Server

Johnny Cache - Verhindert das Zwischenspeichern in Firefox für bestimmte URLs (andernfalls speichert Firefox gelegentlich CSS und Javascript zwischen)

Meine Liste

• IDE: Visual Studio / Netbeans (Zip-Datei!, Fast portabel)

• Editor: Notepad ++ (portabel) mit Monaco-Schrift

• Dateivergleich: winmerge (portabel)

• Quellcodeverwaltung: Subversion, Schildkröte

• Ticketkontrolle: Redmine

• Dateimanager: Free Commander (tragbar)

• Webbrowser: IE, FF (tragbar), Chrom (tragbar), Eisen (Chrom ohne Google Mist, auch tragbar), Qtweb, Arora,

• FF-Plugins: Firebug, Webentwickler, Xmarks

• Imclient: Pidgin

• Mail-Client: Google Mail

• Download Manager: kostenloser Download Manager (tragbar)

• Seiten: STACKOVERFLOW !!!, gotapi ... und google die ganze Zeit ...

• Verschiedenes: starty (kann nicht ohne leben!)

• Virtualisierung: virtuelle Box (ich habe ein Maschinenabbild für jede Umgebung)

• Büro: Openoffice (tragbar)

• Lampenstapel: xammp (tragbar!)

• Festplattennutzung: windirstat (tragbar), Scanner (tragbar)

• PDF-Viewer: Foxit (tragbar), Sumatrapdf (tragbar)

• Unkompressor: Tragbar mit 7 Reißverschlüssen

• M $ SQL-Vergleichstool: SQL-Delta

• M $ SQL-Management: Visual Studio SQL-Manager

• MySql

• MySQL-Verwaltung: phpmyadmin, Manager mit MySQL

• Deinstallationsprogramm: revo unistaller (portabel)

• Registry Cleaner: ccleaner (tragbar)

• FTP: Filezilla (portabel)

Wie Sie vielleicht bemerkt haben, habe ich eine besondere Vorliebe für tragbare Anwendungen ...

Wenn Sie eine der Variationen von VIM als Editor Ihrer Wahl verwenden möchten, ist die CSS-Farbvorschau ein hervorragendes Add-On , das "die hexadezimalen CSS-Farbcodes mit ihrer tatsächlichen Farbe unterlegt".

jQuery

Ich habe vor kurzem angefangen, es zu benutzen, und es ist so einfach zu bedienen! Alles wird doppelt so einfach zu codieren! Mindestens!

Ich kann das nicht genug betonen. Eine vielseitige Bibliothek wie diese sollte auch von Leuten wie mir, die im Allgemeinen auf die Verwendung des Codes anderer Leute herabblicken, nicht fehlen.

Es macht mir nichts aus, ich bin nur hier, um meine Lieblings-Editor / Regex-Debugger / Grepper-Suite bekannt zu machen. :-)

• EditPad Pro (IMO, der beste verdammte Texteditor, den es gibt)
• RegexBuddy (der einzige echte Regex- Debugger, den ich gefunden habe)
• PowerGREP (nie wieder Windows Search verwenden)

Keiner von ihnen ist kostenlos, aber sie sind ordnungsgemäß lizenziert und alle unterstützen die tragbare Installation (gut für das USB-Laufwerk an Ihrem Schlüsselbund). Das Beste ist, dass der Autor ein SO-Benutzer ist.

E-Text-Editor , verkauft als "Die Leistung von TextMate unter Windows". Ich finde es ideal für HTML- und CSS-Codierung. Es ist sehr leicht und enthält einige großartige Funktionen, die sicherlich die Produktivität steigern. Andere bemerkenswerte Werkzeuge, die ich regelmäßig benutze, sind:

• Firebug
• Web-Entwickler
• W3C-Validatoren

CakePHP - MVC Framework für PHP

CakePHP ist ein schnelles Entwicklungsframework für PHP, das eine erweiterbare Architektur für die Entwicklung, Wartung und Bereitstellung von Anwendungen bietet. CakePHP verwendet allgemein bekannte Entwurfsmuster wie MVC und ORM innerhalb der Konvention über das Konfigurationsparadigma und reduziert so die Entwicklungskosten und hilft Entwicklern, weniger Code zu schreiben.

Fasst einen Großteil der Arbeit im Zusammenhang mit CRUD zusammen und verfügt über so viele andere Funktionen, die den Arbeitsaufwand reduzieren.

http://cakephp.org/

Neben anderen hier erwähnten Tools finde ich oft große Hilfe bei der Suche nach einem geeigneten Debugging-Proxy - Fiddler (kostenlos, nur Windows) und Charles (kommerziell, plattformübergreifend) sind großartige.

Bei der Front-End-Entwicklung wird viel Zeit darauf verwendet, herauszufinden, warum sich der IE schlecht verhält (insbesondere IE6). Einige großartige Tools dafür sind:

• Internet Explorer Developer Toolbar
• Companion.JS - Dies ist eine Begleitanwendung für Microsoft Script Debugger, mit der Sie tatsächlich hilfreiche Javascript-Fehlermeldungen im IE erhalten.
• XRay - Dies ist ein Lesezeichen zur Überprüfung Ihres HTML-Layouts. Dies mag trivial erscheinen, kann aber beim Debuggen Ihres Layouts in IE6 sehr hilfreich sein

Ich habe kürzlich XRefresh entdeckt, das lokale Dateien (Datei: // URLs) automatisch neu lädt, sobald Sie Ihre Änderungen speichern. Es ist absolut großartig, wenn Sie sich in der Anfangsphase eines Projekts befinden und häufig statische HTML-, CSS- und JavaScript-Dateien in Ihrem lokalen Projektverzeichnis aktualisieren.

Befehlszeilen-http-Clients wie lynx, wget und curl sind sehr nützlich, zumindest wenn Ihr Entwicklungsstil auf die Befehlszeilen- und Textwerkzeuge ausgerichtet ist. Ich bin überrascht, dass sie noch nicht erwähnt wurden.

• Um beispielsweise POST-Daten einer URL zuzuführen und die Antwortheader und die HTML-Ausgabe auszudrucken: echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app
• Schnell auszuführen (uparrow, return), sobald es in Ihrem Shell-Verlauf ist, weniger Risiko, den Fluss zu unterbrechen oder abgelenkt zu werden, als in den Browser zu wechseln.
• Skriptfähig, modifizierbar, wiederholbar. Sie können ihm ein Skript voranstellen, um die Datenbank in einen bekannten Startzustand zu versetzen. Sie können die Antwortheader oder die HTML-Ausgabe nach dem spezifischen Objekt durchsuchen, an dem Sie interessiert sind, und anschließend eine Befehlszeilendatenbankabfrage ausführen, um herauszufinden, ob die Fertigstellung abgeschlossen ist Zustand ist wie erforderlich.

IDE: Visual Studio

Rahmen: ASP.NET MVC

Client-Seite: jQuery und jQuery.ui

Internet Explorer Developer Toolbar

Wenn Sie ein Windows-Entwickler sind, MÜSSEN Sie sich diese Tools ansehen:

• FreeCommander (Ein Verzeichnis-Explorer mit Steroiden)
• Agent Ransack (Suche leicht gemacht)
• Komodo & Notepad ++ (Eine Gewinnkombination)
• Google Chrome (mit Erweiterungen):
  • Auflösungstester
  • Wählen Sie Farbe von der Webseite
  • SEO
  • Bildschirmfoto

• IDEs: PHPStorm, PyCharm (Refactoring !!!)
• VIRT: colinux auf win32
• GIT + sh

• KiTTY + WinSCP

• Webinspektor

• Firebug + Addys
• xpathbuddy (tbr)
• Nashorn (CLI)
• envjs
• phpsh

• xdebug + kcachegrind

• ZF

• Birne
• jQuery
• Verschlusswerkzeuge

Entwicklung ist mehr als nur Codierung. Es gibt Anforderungserfassung, Analyse, Design, Qualitätssicherung. Hier finden Sie eine Einführung in die verschiedenen Phasen der Softwareentwicklung . Ich habe diesen Artikel vor ein paar Jahren auf Top OSS for Coders veröffentlicht, aber er ist immer noch für mich relevant. Diese Liste enthält OSS-Tools, die mir in allen Phasen der Softwareentwicklung und nicht nur in der Codierungsphase sehr hilfreich sind.

Als Windows-Typ, der für einen meiner Kunden eine Kuchen-PHP-App programmieren muss , war SFTPDrive für mich sehr hilfreich. Meine VM ist eine Centos Linux-Distribution und ich arbeite größtenteils in meiner Windows-Umgebung daran (mit einigen Ausnahmen natürlich).

Ich benutze hauptsächlich Google :-)

Im Ernst, ein großartiges Firefox-Addon ist TamperData - bietet Ihnen die Möglichkeit, Header und Daten jeder gestellten Anfrage zu ändern.
Der Paint.NET-Bildeditor hilft mir täglich und ich empfehle ihn für Ihre grundlegenden Bildbearbeitungsanforderungen.

RXP

Geiger

ViewState-Helfer

TopStyle Lite

IE Developer Toolbar

FireBug

NetBeans oder wenn Sie ein Konsolentyp sind, Emacs

Einige Firefox-Addons, die ich als sehr nützlich empfand:

• Live-HTTP-Header - Sehr nützlich, um HTTP-Header für Anforderungen und Antworten zu überprüfen.

• MeasureIt - Tool zum Messen von Inhalten im Browser.

Eine Windows-Box auf Synergie. Wenn ich zuerst den IE einbaue und dann für Firefox / Safari optimiere, ist meine IE-Unterstützung auf dem neuesten Stand.

Ich habe kürzlich angefangen, HttpWatch zu verwenden und fand es großartig. Damit können Sie den gesamten HTTP-Verkehr Ihrer Webanwendung überprüfen. Wie groß ist Ihre AJAX-Antwort? Hat der Browser das GIF aus seinem Cache geladen? Stellt Ihre Seite Anfragen, von denen Sie nichts wussten? Dies sind nur einige der Fragen, die Ihnen HttpWatch beantworten kann.