Windows Apps för webbutvecklare

När redaktören av Nettuts + begärde en artikel för att visa att Windows-utvecklare älskade genom att lista populära webbutvecklingsappar, var jag överallt. OSX devs får mycket uppmärksamhet, så det är bra att blanda saker upp lite.

Vad jag vill göra är att lista de utvecklingsverktyg som jag ofta använder som webbutvecklare på Windows. Det får inte inkludera din favorit, och om det inte gör det, vänligen meddela mig det i kommentarfältet. Jag är alltid angelägen om att hitta nya verktyg för att förbättra mitt arbetsflöde!


Skriv kod

Visual Studio 2012

Jag skrev om Visual Studio innan, och jag tycker att det är en fantastisk IDE. Det är särdirekt med massor av klockor och visselpipor.

Web Essential Extension för VS2012

Tack och lov, webbläsarbaserade felsökningsverktyg har utvecklats till vad de är idag.

Detta är förlängningen som gör Visual Studio bra för webbutveckling. Det ger funktionalitet som webbutvecklare behöver som:

  • Bundling av filer för framtida bearbetning
  • Minifiering av tillgångar
  • JSHint stöd för linting av din JavaScript-kod
  • Toppklassmotorer för klientsidan, inklusive handtag, mustasch och JSRender
  • Det LÄSER stilarksfältet med förhandsgranskning
  • CoffeeScript och TypeScript

Mads Kristensen, skaparen av förlängningen, är en rockstar!

Sublim Text 2

Det är den lilla redaktören som kan. Sublime Text är ett fantastiskt verktyg, och paketkontrollen runda ut det med de tillägg du behöver för att effektivisera din utveckling. Nettuts + har en TON av artiklar om denna kraftfulla redaktör, inklusive en fullständig (och fri) kurs.


webbläsare

Jag skjuter för webbplatser med flera webbläsare, så att ha den bredaste möjliga täckningen är nyckeln. Jag gillar också att hålla mig på nya funktioner som kommer att komma ut inom kort, och jag installerar också dev och nattlig webbläsare bygger för att stanna kvar i slingan. Här är listan över webbläsare som jag använder för att testa:

  • IE10
  • Chrome - Stabil & Kanarie
  • Firefox - Stabil & Aurora
  • Opera - Stabil & Nästa
  • Safari v5.1

En sak att notera är att Safari inte längre erbjuder sin senaste version av Safari på Windows. Det ser ut som v5.1.7 kommer att vara den sista, men jag håller det fortfarande kvar för testning.


Webbläsarbaserade Dev-verktyg

Tack och lov, webbläsarbaserade felsökningsverktyg har utvecklats till vad de är idag. Annars skulle vi fortfarande använda varna() lådor för att testa vår kod. Det stora är att alla stora moderna webbläsare har inbyggda, sofistikerade felsökningsverktyg för att hjälpa dig att analysera din kod, webbplatsprestanda och mer. Här är en artikel som jag skrev om IE: s F12 Developer Tools för att få dig snabbare.

  • IE F12 Developer Tools.aspx)
  • Pyroman
  • Utvecklarverktyg för Chrome
  • Opera DragonFly
  • Safari Webutvecklingsverktyg

Browser Extensions

Jag hittar webbläsartillägg och tillägg som är ovärderliga för mitt felsökningsarbete. Inte bara hjälper de med att felsöka kod, men de gör också att skapa sidor enklare.

Firefox:

Jag överväger strömmar för att hålla mina skrivbord och bärbara datorer synkroniserade.

  • Firebug - Den gamla pålitliga som startade webbläsarverktygsrevolutionen. Fortfarande fantastisk i min bok.
  • ColorZilla - Ger mig en färgdroppare som kan hjälpa mig att ta bort färgkoden för de flesta på en sida. Älskar det!
  • MeasureIt - Har någonsin velat se dimensionerna på något på en sida. Detta är förlängningen att få.
  • YSlow - Den ursprungliga tillägget skapad av Steve Souders medan han var på Yahoo! för att hjälpa utvecklare att analysera viktiga attribut för webbplatsens prestanda.
  • Sidhastighet - Steve flyttade sedan till Google och kom ut med Page Speed. Båda är fantastiska och tillämpar hans principer för att förbättra webbplatsens prestanda.
  • Webbutvecklarverktygsfält - Det här är alltid den andra tilläggsinstallationen jag installerar eftersom den ger mig sådana granulära detaljer om mina sidor. Alternativet "Genererad källa" ensam är värt det.

Mozillas tilläggsnav har ett antal bra tillägg, inte bara för webbutveckling, men för alla typer av roliga saker. Var noga med att kolla in det.

Krom:

  • Chrome Sniffer - ger mig en snabb blick på vilka libs och ramverk som används på en viss sida.
  • Webbutvecklarverktygsfält - Det är detsamma som tillägget jag beskrev ovan men portat till Chrome.
  • Pendule - Mycket liknar Web Developer Toolbar men jag tycker att det är UI bättre och det är storlek storlek viewport funktionen är riktigt snyggt utlagt.

Versionskontroll

Git har vunnit; helt klart. Och det finns en uppsjö av verktyg tillgängliga. vissa är stora och vissa känner sig alltför komplicerade.

  • Git (kommandorad) - Ring mig till skolan men jag gillar verkligen att använda Git via kommandoraden.
  • GitHub för Windows - Med detta sagt är Githubs Windows-klient väldigt smidig och gör det enkelt att använda Git och deras tjänster via ett attraktivt användargränssnitt.

virtualisering

Även på Windows behöver jag fortfarande använda VM för icke-moderna versioner av IE, och jag önskar att jag kunde testa dessa olika versioner sida vid sida, åtminstone jag vet att jag kan snurra upp VM-instanser och lösa det här. Här är den programvara jag använder:

  • VirtualBox - Enkel att använda, stöder alla stora operativsystem och bäst av allt, det är gratis!
  • BrowserStack.com - Om jag behöver se hur min sida kommer att se ut på ett annat operativsystem, sparkar jag bara upp den här bra servicen och det skapar en virtualiserad webbläsarsession i min egen webbläsare. Den stöder även lokal utveckling så att jag kan tunnelera mellan min lokala dev och BrowserStacks molneservrar.
  • modern.IE - Microsoft försöker sänka friktionen för att testa IE och det här projektet är ett stort steg mot det. Du kan skanna din webbplats för vanliga kompatproblem och ladda ner VM för testning av IE-versioner.

VM

Som jag nämnde tidigare använder jag VM för testning av icke-moderna versioner av IE. Tack och lov, jag behöver inte ta tag i de gamla VPC-bilderna som begränsade mina alternativ för VM-programvara. Jag kan nu gå till modern.IE och fånga VM för min plattform.

  • IE8 & 9 - Tillgänglig på modern.IE i en rad olika operativsystem operativsystem och VM-plattformar.
  • Ubuntu Server - Dra ner iso för en av de mest populära Linux distros och gå.

screencasts

Screencasts är ett av de bästa sätten att hjälpa till att undervisa utvecklare. För Windows är det bästa alternativet, enligt min åsikt, Camtasia Studio 8. Det gör att skapa, redigera och producera screencasts trivialt. Jag var igång med det på en timme och TechSmith erbjuder gratis handledningsvideor för att komma igång snabbt.


Skärminspelning

Vi har alla varit där. Vi vill göra en snabb skärmdump men trycka på "PrtScn", och klistra in i MS Paint suger. Mitt val för detta är Snagit. Det binder sig till "PrtScn" -knappen och låter dig enkelt välja vilka delar av skärmen du vill ta tag i. Det kan till och med göra en fullständig sidrulle i en webbläsare om sidan är längre än visningsporten. När greppet är klart har du ett komplett utbud av redigeringsverktyg för att finjustera bilden och skicka den. Massivt verktyg.


Lokala servrar

Webbutvecklare behöver webbservrar, och eftersom jag arbetar med både MS-användare och icke-MS-webbutvecklare, gillar jag att byta mellan IIS (som en lokal version kommer in i Windows) och WampServer som gör jobbet med Apache, MySQL & PHP så enkelt.

Jag har också Node.js installerat men jag har inte hoppat in i det ännu. Det är definitivt på min radar och ett måste eftersom alla verktyg (som Grunt) bygger på det.


Kommunikation

Jag är en fjärrarbetare, så att hålla kontakten är viktig för mig. Jag försöker använda så många verktyg som möjligt för att kunna kommunicera med mina medarbetare och kamrater i samhället. Här är vad jag använder:

  • Skype - Det är inte säkert om det finns någon annan samtalstjänst som fungerar såväl som Skype. För röst och video vet jag inte bättre.
  • Pidgin - Denna open source-klient är stor och enkel att installera.
  • XChat - Det är intressant att se IRC plocka upp igen efter att IM var valet av chatter så länge. XChat har tjänat mig bra i detta utrymme

Kommandorad

Mina * nix bröder berätta för mig hur de spenderar sina liv i terminalen. Jag kan inte säga att jag gör detsamma, men när jag gör det väljer jag Windows PowerShell. Personligen är det bara en "känsla" sak eftersom det sätt du arbetar på (t.ex. tillgång till kataloger) påminner mig om * nixbaserade terminaler. Jag är definitivt inte full av dess funktioner, men jag gillar det.


FTP

För mina FTP-behov har jag inte hittat något som ersätter FileZilla. Det är öppen källkod och fastnat i fälgen med de funktioner jag vill ha. Det skulle vara trevligt om det hade AWS-stöd, men förutom det, det är min favorit.


HTTP Web Debugging Proxies

Jag skrev nyligen om proffs för webbfelsökning, och förklarade de verkliga fördelarna med att använda en tredjeparts trafikanalysator för att inspektera dina HTTP-förfrågningar. Dessa är måste ha verktyg, oavsett vilket operativsystem du arbetar med.

  • Fiddler - Enligt min mening är detta den bästa proxy för Windows. Så många funktioner och du kan få en 300 + sidbok för att starta som berättar för ALLA du behöver veta om att använda den.
  • Charles - En mycket nära sekund och det är plattformen för att starta. Detta är mitt val för OSX och Linux. Om du vill ha en konsekvent användargränssnitt över alla operativsystem är det här att välja.

TCP / IP

Kan du tro att Windows devs ibland måste telnet eller SSH till servrar? Ja det händer eftersom vi inte bara arbetar i Windows, men många av oss stöder * Nix-system och användare. Gissa. Putty är vägen att gå för detta, och det är gratis också.


Online lagring

Följande är inte nödvändigtvis appar, men dessa online-lagringstjänster är användbara för delning av kod med kamrater:

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

Jag har också hört talas om en ny tjänst av Carbonite som heter Currents, som låter dig hålla mappar och filer i synkronisering. Jag överväger strömmar för att hålla mina skrivbord och bärbara datorer synkroniserade.


Mer?

Det här är en ganska stor lista och när jag skrev det var jag golvad av antalet appar som jag brukar använda, men jag är ännu mer nyfiken på antalet appar som jag inte har hört talas om än. Jag hoppas att denna lista hjälper några av er, och jag hoppas också att du bidrar till kommentarerna. Jag vill lära mig om coola nya verktyg.