Windows Apps für Webentwickler

Als der Herausgeber von Nettuts + einen Artikel anforderte, der zeigt, dass Windows-Entwickler durch das Auflisten beliebter Webentwicklungs-Apps ihre Liebe zeigen, war ich damit beschäftigt. OSX-Entwickler erhalten viel Aufmerksamkeit, daher ist es gut, die Dinge ein wenig zu mischen.

Ich möchte die Entwicklungstools auflisten, die ich häufig als Webentwickler unter Windows verwende. Möglicherweise ist Ihr Favorit nicht dabei, und wenn nicht, teilen Sie mir dies bitte im Kommentarbereich mit. Ich bin immer bemüht, neue Tools zu finden, um meinen Workflow zu verbessern!


Code schreiben

Visual Studio 2012

Ich habe schon früher über Visual Studio geschrieben, und ich denke, es ist eine großartige IDE. Es ist reich an Funktionen mit vielen Glocken und Pfeifen.

Web Essential Extension für VS2012

Zum Glück haben sich browserbasierte Debugging-Tools zu dem entwickelt, was sie heute sind.

Dies ist die Erweiterung, die Visual Studio ideal für die Webentwicklung macht. Es bietet Funktionen, die Webentwickler benötigen:

  • Bündelung von Dateien für die zukünftige Verarbeitung
  • Verminderung von Vermögenswerten
  • JSHint Unterstützung für das Flusen Ihres JavaScript-Codes
  • Top clientseitige Templating-Engines einschließlich Handlebars, Moustache und JSRender
  • Die LESS-Stylesheet-Sprache mit Vorschau in Echtzeit
  • CoffeeScript und TypeScript

Mads Kristensen, der Schöpfer der Erweiterung, ist ein Rockstar!

Erhabener Text 2

Es ist der kleine Editor, der das kann. Sublime Text ist ein erstaunliches Werkzeug, und Package Control rundet es mit den Erweiterungen ab, die Sie zur Optimierung Ihrer Entwicklung benötigen. Nettuts + hat eine Menge Artikel über diesen leistungsstarken Editor, einschließlich eines vollständigen (und kostenlosen) Kurses.


Browser

Ich suche nach Cross-Browser-Sites, daher ist eine möglichst breite Abdeckung der Schlüssel. Ich bleibe auch gerne auf dem Laufenden über neue Funktionen, die in Kürze verfügbar sein werden. Außerdem installiere ich Entwickler- und nächtliche Browser-Builds, um auf dem Laufenden zu bleiben. Hier ist die Liste der Browser, die ich zum Testen verwende:

  • IE10
  • Chrome - stabil und kanarisch
  • Firefox - Stabil und Aurora
  • Opera - Stable & Next
  • Safari v5.1

Zu beachten ist, dass Safari seine neueste Version von Safari nicht mehr unter Windows anbietet. Es sieht so aus, als wäre v5.1.7 das letzte, aber ich halte es immer noch zum Testen.


Browserbasierte Entwicklungswerkzeuge

Zum Glück haben sich browserbasierte Debugging-Tools zu dem entwickelt, was sie heute sind. Ansonsten würden wir immer noch verwenden warnen() Boxen, um unseren Code zu testen. Das Tolle ist, dass jeder moderne Browser über integrierte, ausgereifte Debugging-Tools verfügt, die Ihnen bei der Analyse Ihres Codes, der Website-Leistung und mehr helfen. Hier ist ein Artikel, den ich über die F12 Developer Tools von IE geschrieben habe, um Sie auf den neuesten Stand zu bringen.

  • IE F12 Developer Tools.aspx)
  • Feuerbock
  • Chrome-Entwicklertools
  • Opera DragonFly
  • Safari-Webentwicklungstools

Browsererweiterungen

Ich finde Browser-Add-Ons und Erweiterungen, die für meine Fehlerbehebungsarbeit von unschätzbarem Wert sind. Sie helfen nicht nur beim Debuggen von Code, sondern erleichtern auch das Erstellen von Seiten.

Feuerfuchs:

Ich überlege, dass Currents meinen Desktop und meine Laptops synchron halten.

  • Firebug - Der alte Zuverlässige, der die Revolution des Browser-Tools ausgelöst hat. Immer noch großartig in meinem Buch.
  • ColorZilla - Gibt mir eine Farbpipette, mit der ich den Farbcode für fast alles auf einer Seite erfassen kann. Liebe es!
  • MeasureIt - Wollte schon immer die Dimensionen von etwas auf einer Seite sehen. Dies ist die Erweiterung zu bekommen.
  • YSlow - Das Original-Add-On, das Steve Souders während seiner Zeit bei Yahoo! Unterstützung der Entwickler bei der Analyse der wichtigsten Attribute der Leistung ihrer Website.
  • Page Speed ​​- Steve wechselte zu Google und kam mit Page Speed ​​heraus. Beide sind großartig und wenden seine Prinzipien zur Verbesserung der Website-Leistung an.
  • Web Developer Toolbar - Dies ist immer das zweite Add-No, das ich installiere, weil ich so detaillierte Informationen zu meinen Seiten bekomme. Allein die Option "Generated Source" lohnt sich.

Mozillas Add-On-Hub bietet eine Reihe großartiger Add-Ons - nicht nur für die Webentwicklung, sondern für alle Arten von Spaß. Achten Sie darauf, es auszuprobieren.

Chrom:

  • Chrome Sniffer - Gibt mir einen kurzen Überblick darüber, welche Bibliotheken und Frameworks auf einer bestimmten Seite verwendet werden.
  • Web Developer Toolbar - Es ist das gleiche wie das Add-On, das ich oben beschrieben habe, aber auf Chrome portiert wurde.
  • Pendule - Sehr ähnlich der Web Developer Toolbar, aber ich finde die Benutzeroberfläche besser und die Größe des Viewport-Features ist wirklich schön angelegt.

Versionskontrolle

Git hat gewonnen; Hände runter. Und es gibt eine Vielzahl von Tools zur Verfügung. Manche sind großartig und manche fühlen sich zu kompliziert.

  • Git (Kommandozeile) - Rufen Sie mich an Old School, aber ich mag Git über die Kommandozeile.
  • GitHub für Windows - Mit dieser Aussage ist der Windows-Client von Github sehr schick und erleichtert die Verwendung von Git und seinen Diensten über eine attraktive Benutzeroberfläche.

Virtualisierung

Selbst unter Windows muss ich immer noch VMs für nicht moderne Versionen von IE verwenden. Ich wünschte, ich könnte diese verschiedenen Versionen nebeneinander testen, zumindest weiß ich, dass ich VM-Instanzen hochdrehen und dies umgehen kann. Hier ist die Software, die ich verwende:

  • VirtualBox - Einfach zu verwenden, unterstützt alle gängigen Betriebssysteme und das Beste ist, es ist kostenlos!
  • BrowserStack.com - Wenn ich sehen muss, wie meine Website auf einem anderen Betriebssystem aussehen wird, fange ich diesen großartigen Service an, und es wird eine virtualisierte Browsersitzung in meinem eigenen Browser erstellt. Es unterstützt sogar lokale Entwicklung, sodass ich zwischen meinem lokalen Entwickler und den Cloud-Servern von BrowserStack tunneln kann.
  • modern.IE - Microsoft versucht, die Reibung beim Testen von IE zu verringern, und dieses Projekt ist ein großer Schritt in diese Richtung. Sie können Ihre Site nach häufig kompatiblen Problemen durchsuchen und VMs zum Testen von IE-Versionen herunterladen.

VMs

Wie bereits erwähnt, verwende ich VMs zum Testen nicht moderner Versionen von IE. Zum Glück muss ich nicht die alten VPC-Images verwenden, was meine Optionen für VM-Software einschränkt. Ich kann jetzt auf modern.IE gehen und VMs für meine Plattform nutzen.

  • IE8 & 9 - Verfügbar auf modern.IE in verschiedenen Zielbetriebssystemen und VM-Plattformen.
  • Ubuntu Server - Ziehen Sie die ISO für einen der beliebtesten Linux-Distributionen herunter.

Screencasts

Screencasts sind eine der besten Möglichkeiten, Entwickler zu unterrichten. Für Windows ist Camtasia Studio 8 meiner Meinung nach die beste Option. Das Erstellen, Bearbeiten und Produzieren von Screencasts ist trivial. Ich war in einer Stunde damit beschäftigt und TechSmith bietet kostenlose Tutorial-Videos, um Ihnen einen schnellen Einstieg zu ermöglichen.


Bildschirmaufnahme

Das haben wir alle schon durchgemacht. Wir möchten eine schnelle Bildschirmaufnahme machen, aber "PrtScn" drücken und in MS Paint einfügen ist das Saugen. Meine Wahl dafür ist Snagit. Es bindet sich an die Taste "PrtScn" und ermöglicht es Ihnen, einfach auszuwählen, welche Teile des Bildschirms Sie ergreifen möchten. Es kann sogar ein vollständiger Bildlauf in einem Browser durchgeführt werden, wenn die Seite länger ist als der Darstellungsbereich. Sobald der Vorgang abgeschlossen ist, stehen Ihnen zahlreiche Bearbeitungswerkzeuge zur Verfügung, mit denen Sie das Bild optimieren und veröffentlichen können. Solides Werkzeug.


Lokale Server

Webentwickler benötigen Webserver, und da ich sowohl mit MS- als auch mit Nicht-MS-Webentwicklern arbeite, möchte ich gerne zwischen IIS (eine lokale Version, die in Windows integriert ist) und WampServer wechseln, der die Arbeit mit Apache, MySQL & ermöglicht. PHP so einfach.

Ich habe auch Node.js installiert, aber ich bin noch nicht dazu gekommen. Es ist definitiv auf meinem Radar und ein Muss, da so viele Werkzeuge (wie Grunt) darauf aufbauen.


Kommunikation

Ich bin ein Fernarbeiter, also ist es für mich wichtig, in Kontakt zu bleiben. Ich versuche, so viele Werkzeuge wie möglich einzusetzen, um mit meinen Kollegen und Kollegen in der Community kommunizieren zu können. Ich verwende Folgendes:

  • Skype - Nicht sicher, ob es einen anderen Anrufdienst gibt, der genauso gut funktioniert wie Skype. Für Sprache und Video weiß ich nichts besseres.
  • Pidgin - Dieser Open Source IM-Client ist großartig und einfach einzurichten.
  • XChat - Es ist interessant zu sehen, wie sich der IRC wieder erholt, nachdem IM die Wahl des Chatters so lange gewählt hatte. XChat hat mir in diesem Bereich gute Dienste geleistet

Befehlszeile

Meine * nix-Brüder erzählen mir, wie sie im Terminal ihr Leben verbringen. Ich kann nicht sagen, dass ich dasselbe mache, aber wenn ich es tue, wähle ich Windows PowerShell. Persönlich ist es nur eine Art "Gefühl", da Ihre Arbeitsweise (z. B. Zugriff auf Verzeichnisse) mich an * nix-basierte Terminals erinnert. Ich kann die Funktionen auf keinen Fall voll ausnutzen, aber ich mag es.


FTP

Für meinen FTP-Bedarf habe ich nichts gefunden, das FileZilla ersetzt. Es ist Open Source und mit den Funktionen, die ich will, am Rand gestaut. Es wäre schön, wenn es AWS-Unterstützung hätte, aber ansonsten ist es ein Favorit von mir.


HTTP-Web-Debugging-Proxies

Ich habe kürzlich über Web-Debugging-Proxys geschrieben und die wirklichen Vorteile der Verwendung eines Verkehrsanalysators eines Drittanbieters zum Untersuchen Ihrer HTTP-Anforderungen erläutert. Dies sind unverzichtbare Werkzeuge, unabhängig davon, an welchem ​​Betriebssystem Sie arbeiten.

  • Fiddler - Meiner Meinung nach ist dies der beste Proxy für Windows. So viele Funktionen und Sie können ein Buch mit mehr als 300 Seiten erhalten, in dem Sie ALLES wissen, was Sie über die Verwendung wissen müssen.
  • Charles - Eine sehr nahe Sekunde und es ist plattformübergreifend. Dies ist meine Wahl für OSX und Linux. Wenn Sie eine konsistente Benutzeroberfläche für alle Betriebssysteme wünschen, ist dies die richtige Wahl.

TCP / IP

Können Sie glauben, dass Windows-Entwickler manchmal Telnet oder SSH auf Servern benötigen? Ja, das passiert, weil wir nicht nur in Windows arbeiten, sondern viele von uns * nix-Systeme und -Benutzer unterstützen. Stelle dir das vor. Kitt ist der Weg, um dies zu erreichen, und es ist auch kostenlos.


Online Speicher

Die folgenden Anwendungen sind nicht notwendigerweise Apps, aber diese Online-Speicherdienste sind für die gemeinsame Nutzung von Code mit Peers hilfreich:

  • Dropbox
  • SkyDrive
  • Google Drive
  • Box.com
  • Mega

Ich habe auch von einem neuen Service von Carbonite namens Currents gehört, mit dem Sie Ordner und Dateien synchron halten können. Ich überlege, dass Currents meinen Desktop und meine Laptops synchron halten.


Mehr?

Dies ist eine ziemlich große Liste, und als ich gerade schrieb, war ich mit der Anzahl der regelmäßig verwendeten Apps belegt, aber ich bin noch neugieriger auf die Anzahl der Apps, von denen ich bisher noch nichts gehört habe. Ich hoffe, diese Liste hilft einigen von Ihnen, und ich hoffe auch, dass Sie in den Kommentaren mitwirken. Ich möchte mehr über coole neue Tools erfahren.