Windows Apps for webutviklere

Når redaktøren av Nettuts + ba om en artikkel for å vise Windows-utviklere kjærlighet ved å oppgi populære webutviklingsapps, var jeg over alt. OSX devs får mye oppmerksomhet, så det er godt å blande ting opp litt.

Hva jeg vil gjøre er å liste utviklingsverktøyene jeg ofte bruker som webutvikler på Windows. Det kan ikke inneholde favoritten din, og hvis den ikke gjør det, vennligst gi meg beskjed i kommentarfeltet. Jeg er alltid ivrig etter å finne nye verktøy for å forbedre arbeidsflyten min!


Skrivekode

Visual Studio 2012

Jeg skrev om Visual Studio før, og jeg tror det er en fantastisk IDE. Det er funksjonsrikt med mange bjeller og fløyter.

Web Essential Extension for VS2012

Tusen takk, nettleserbaserte feilsøkingsverktøy har utviklet seg til det de er i dag.

Dette er utvidelsen som gjør Visual Studio perfekt for webutvikling. Det bringer funksjonalitet som webutviklere trenger som:

  • Bundling av filer for fremtidig behandling
  • Minifisering av eiendeler
  • JSHint støtte for linting av JavaScript-koden din
  • Toppklassemotorer på klientsiden, inkludert håndtak, snor og JSRender
  • Det MINST stilarket språket med forhåndsvisning på-fly
  • CoffeeScript og TypeScript

Mads Kristensen, skaperen av utvidelsen, er en rockstar!

Sublim tekst 2

Det er den lille redaktøren som kan. Sublime Text er et fantastisk verktøy, og pakkekontrollen runder den ut med utvidelsene du trenger for å effektivisere utviklingen din. Nettuts + har en TON av artikler på denne kraftige redaktøren, inkludert et fullt (og gratis) kurs.


Nettlesere lesere~~POS=HEADCOMP

Jeg skyter for nettlesersteder, så det er viktig å ha bredest mulig dekning. Jeg liker også å holde meg oppdatert på nye funksjoner som snart kommer ut, og jeg installerer også dev og nettverksbygger for å holde seg i løkken. Her er listen over nettlesere jeg bruker til testing:

  • IE10
  • Chrome - Stabil og kanariøs
  • Firefox - Stabil og Aurora
  • Opera - Stabil & Neste
  • Safari v5.1

En ting å merke seg er at Safari ikke lenger tilbyr sin nyeste versjon av Safari på Windows. Det ser ut til at v5.1.7 vil være den siste, men jeg holder det fortsatt rundt for testing.


Nettleserbaserte Dev-verktøy

Tusen takk, nettleserbaserte feilsøkingsverktøy har utviklet seg til det de er i dag. Ellers vil vi fortsatt bruke varsling() bokser for å teste koden vår. Den store tingen er at alle store moderne nettlesere har innebygde, sofistikerte feilsøkingsverktøy som hjelper deg med å analysere koden, ytelsen til nettstedet og mer. Her er en artikkel jeg skrev om IEs F12 Developer Tools for å få deg up-to-speed.

  • IE F12 Developer Tools.aspx)
  • Firebug
  • Utviklerverktøy for Chrome
  • Opera DragonFly
  • Safari Web Development Tools

Nettleserutvidelser

Jeg finner nettleser tillegg og utvidelser uvurderlig for feilsøkingsarbeidet mitt. Ikke bare hjelper de i feilsøkingskode, men de gjør også å lage sider enklere.

Firefox:

Jeg vurderer strømmer for å holde skrivebordet og laptops synkronisert.

  • Firebug - Den gamle pålitelige som sparket av nettleser-verktøyrevolusjonen. Fortsatt kjempebra i boken min.
  • ColorZilla - Gir meg en fargelapper som kan hjelpe meg å fargelegge fargekoden for de fleste alt på en side. Elsker det!
  • Måling - Har alltid ønsket å se dimensjonene til noe på en side. Dette er utvidelsen å få.
  • YSlow - Den opprinnelige tillegget opprettet av Steve Souders mens han var på Yahoo! for å hjelpe utviklere analysere viktige attributter av deres nettstedets ytelse.
  • Page Speed ​​- Steve flyttet deretter til Google og kom ut med Page Speed. Begge er kjempebra og bruker prinsippene sine for å forbedre ytelsen på nettstedet.
  • Web Developer Toolbar - Dette er alltid den andre add-no jeg installerer fordi det gir meg slike granulære detaljer om sidene mine. Alternativet "Generated Source" alene er verdt det.

Mozillas Add-on-hub har en rekke flotte tilleggsprogrammer, ikke bare for webutvikling, men for alle typer morsomme ting. Husk å sjekke det ut.

Chrome:

  • Chrome Sniffer - Gir meg et raskt blikk på hvilke libs og rammer som brukes på en bestemt side.
  • Webutvikler Verktøylinje - Det er det samme som tillegget jeg beskrev ovenfor, men portet til Chrome.
  • Pendule - Svært lik web Developer Toolbar, men jeg synes det er UI bedre og det er resize viewport funksjonen er veldig pent lagt ut.

Versjonskontroll

Git har vunnet; hendene ned. Og det finnes en mengde verktøy tilgjengelig; Noen er flotte, og noen føler seg altfor kompliserte.

  • Git (kommandolinje) - ring meg gammel skole, men jeg liker virkelig å bruke Git via kommandolinjen.
  • GitHub for Windows - Med det sagt er Githubs Windows-klient veldig slick og gjør det enkelt å bruke Git og deres tjenester via et attraktivt brukergrensesnitt.

virtualisering

Selv på Windows, trenger jeg fortsatt å bruke VM for ikke-moderne versjoner av IE, og mens jeg skulle ønske jeg kunne teste disse forskjellige versjonene side ved side, vet jeg i hvert fall at jeg kan spole opp VM-tilfeller og løse dette. Her er programvaren jeg bruker:

  • VirtualBox - Enkel å bruke, støtter alle store OS og best av alt, det er gratis!
  • BrowserStack.com - Hvis jeg trenger å se hvordan nettstedet mitt vil se ut på et annet OS, sparker jeg bare opp denne flotte tjenesten, og det skaper en virtualisert nettlesersøkt i min egen nettleser. Den støtter selv lokal utvikling, slik at jeg kan tunnel mellom mine lokale dev og BrowserStacks sky servere.
  • modern.IE - Microsoft prøver å senke friksjonen til å teste IE, og dette prosjektet er et stort skritt mot det. Du kan skanne nettstedet ditt for vanlige kompat problemer og laste ned VM til testing av IE-versjoner.

VM

Som nevnt tidligere bruker jeg VM for testing av ikke-moderne versjoner av IE. Heldigvis trenger jeg ikke å ta tak i de gamle VPC-bildene som begrenset mulighetene for VM-programvare. Jeg kan nå gå til modern.IE og ta tak i VMs for plattformen min.

  • IE8 & 9 - Tilgjengelig på modern.IE i en rekke mål operativsystemer og VM-plattformer.
  • Ubuntu Server - Trekk ned isoen for en av de mest populære Linux distros og gå.

screencasts

Screencasts er en av de beste måtene å bidra til å undervise utviklere. For Windows er det beste alternativet, etter min mening, Camtasia Studio 8. Det gjør oppretting, redigering og produksjon av screencasts trivial. Jeg var oppe med det om en time og TechSmith tilbyr gratis opplæringsvideoer for å komme i gang raskt.


Screen Capture

Vi har alle vært der. Vi ønsker å gjøre en rask skjermgrab, men trykke på "PrtScn", og lim inn i MS Paint er suget. Mitt valg for dette er Snagit. Det binder seg til "PrtScn" -tasten og lar deg enkelt velge hvilke deler av skjermen du vil ta. Det kan til og med gjøre en fullstendig rulle i en nettleser hvis siden er lengre enn visningsporten. Når grep er ferdig, har du et komplett utvalg av redigeringsverktøy for å finjustere bildet og legge det inn. Solid verktøy.


Lokale servere

Webutviklere trenger webservere, og fordi jeg jobber med både MS og ikke-MS webutviklere, liker jeg å bytte mellom IIS (som en lokal versjon kommer inn i Windows) og WampServer som gjør jobben med Apache, MySQL & PHP så enkelt.

Jeg har også Node.js installert, men jeg har ikke hoppet inn i den ennå. Det er definitivt på min radar og en må-ha siden så mange verktøy (som Grunt) bygger på den.


Kommunikasjon

Jeg er en fjernbetjent, så det er viktig for meg å være i kontakt. Jeg prøver å bruke så mange verktøy som mulig for å kunne kommunisere med mine kolleger og kolleger i samfunnet. Her er det jeg bruker:

  • Skype - Ikke sikker på om det er noen annen anropstjeneste som fungerer, så vel som Skype. For stemme og video kjenner jeg ikke til noe bedre.
  • Pidgin - Denne open source IM-klienten er flott og enkel å installere.
  • XChat - Det er interessant å se IRC plukke opp igjen etter at IM var valget av chatter så lenge. XChat har tjent meg godt i dette rommet

Kommandolinje

Mine nixbrødre forteller meg hvordan de bruker livet i terminalen. Jeg kan ikke si at jeg gjør det samme, men når jeg gjør det, velger jeg Windows PowerShell. Personlig er det bare en "føler" ting siden måten du jobber med i det (for eksempel: å få tilgang til kataloger) minner meg om * nixbaserte terminaler. Jeg er definitivt ikke takng full nytte av dens funksjoner, men jeg liker det.


FTP

For mine FTP-behov har jeg ikke funnet noe som erstatter FileZilla. Det er åpen kildekode og fastkjørt til felgen med funksjonene jeg vil ha. Det ville vært fint om det hadde AWS-støtte, men annet enn det, det er en favoritt av meg.


HTTP Web Debugging Proxies

Jeg skrev nylig om feilsøkingsproxyer, og forklarte de reelle fordelene med å bruke en tredjeparts trafikkanalysator for å inspisere HTTP-forespørslene dine. Disse er må-ha-verktøy, uansett hvilket OS du jobber med.

  • Fiddler - Etter min mening er dette den beste proxy for Windows. Så mange funksjoner og du kan få en 300 + sidebok å starte opp som forteller deg alt du trenger å vite om å bruke det.
  • Charles - En veldig nær sekund og det er tverrplattform å starte opp. Dette er mitt valg for OSX og Linux. Hvis du vil ha en konsistent brukergrensesnitt på alle operativsystemer, er dette den som skal velge.

TCP / IP

Kan du tro at Windows devs noen ganger må telnet eller SSH til servere? Ja det skjer fordi vi ikke bare jobber i Windows, men mange av oss støtter * Nix-systemer og brukere. Gå figur. Putty er veien å gå for dette, og det er gratis også.


Online lagring

Følgende er ikke nødvendigvis apps, men disse online lagringstjenestene er nyttige for å dele kode med jevnaldrende:

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

Jeg har også hørt om en ny tjeneste av Carbonite som heter Currents, som lar deg beholde mapper og filer i synkronisering. Jeg vurderer strømmer for å holde skrivebordet og laptops synkronisert.


Mer?

Dette er en ganske stor liste, og da jeg skrev det, ble jeg gulvet av antall apper jeg regelmessig bruker, men jeg er enda mer nysgjerrig på antall apps jeg ikke har hørt om ennå. Jeg håper denne listen hjelper noen av dere, og jeg håper også du bidrar i kommentarene. Jeg vil lære om kule nye verktøy.