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:
- rsync - Synchronisierung mit einem Klick mit Live-Servern oder umgekehrt
- mysqldump - wird zusammen mit rsync zum Synchronisieren der Datenbanken verwendet
- Teststile-Lesezeichen - Live-CSS-Editor-Lesezeichen, das den Zyklus "Bearbeiten> Speichern> Neu laden" übertrifft, indem es die Live-Bearbeitung ermöglicht.
- Javascript-Shell - Javascript-Shell-Fenster, das an ein Fenster angehängt ist
- firebug - erweiterter Javascript / CSS / Dom-Debugger
- PHP-Shell - Ich benutze diese regelmäßig, um Anweisungen, Funktionen, Klassen oder Skripte schnell zu testen
- 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).
- Font Matrix - Hilft mir wählen Schriftstapel
- 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.
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.
quelle
Aptana Studio
quelle
Dies sind einige meiner Grundvoraussetzungen:
OS X:
Windows:
Plattformübergreifend:
Hier ist auch ein Artikel, den ich vor einiger Zeit geschrieben habe: Grundlagen der Toolbox eines Webentwicklers
quelle
Bargeld (um jemand anderen dafür zu bezahlen).
Bearbeiten: Die Frage sagt deutlich:
Es ist ein sehr vernünftiger Punkt, Teile oder die gesamte Webentwicklung auszulagern.
quelle
Wenn Sie rsync hilfreich finden, werden Sie unisono sicher noch mehr finden!
quelle
Nur wenige Ergänzungen / Ersetzungen zur exzellenten Galperin-Liste:
quelle
Johnny Cache - Verhindert das Zwischenspeichern in Firefox für bestimmte URLs (andernfalls speichert Firefox gelegentlich CSS und Javascript zwischen)
quelle
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 ...
quelle
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".
quelle
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.
quelle
Es macht mir nichts aus, ich bin nur hier, um meine Lieblings-Editor / Regex-Debugger / Grepper-Suite bekannt zu machen. :-)
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.
quelle
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:
quelle
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/
quelle
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:
quelle
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.
quelle
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.
echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/appquelle
IDE: Visual Studio
Rahmen: ASP.NET MVC
Client-Seite: jQuery und jQuery.ui
Internet Explorer Developer Toolbar
quelle
Wenn Sie ein Windows-Entwickler sind, MÜSSEN Sie sich diese Tools ansehen:
quelle
KiTTY + WinSCP
Webinspektor
xdebug + kcachegrind
ZF
quelle
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.
quelle
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).
quelle
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.
quelle
RXP
quelle
Geiger
ViewState-Helfer
TopStyle Lite
IE Developer Toolbar
FireBug
quelle
NetBeans oder wenn Sie ein Konsolentyp sind, Emacs
quelle
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.
quelle
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.
quelle
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.
quelle