Windows Apps voor webontwikkelaars

Toen de redacteur van Nettuts + een artikel vroeg om de liefde van Windows-ontwikkelaars te laten zien door populaire webontwikkeling-apps op te sommen, was ik er helemaal over. OSX-ontwikkelaars krijgen veel aandacht, dus het is goed om dingen een beetje met elkaar te mengen.

Wat ik wil doen is een lijst maken met de ontwikkeltools die ik regelmatig gebruik als een webontwikkelaar in Windows. Mogelijk bevat uw favoriet geen favorieten. Als dit niet het geval is, kunt u me dit laten weten in de sectie Opmerkingen. Ik ben altijd benieuwd naar nieuwe tools om mijn workflow te verbeteren!


Code schrijven

Visual Studio 2012

Ik heb eerder over Visual Studio geschreven en ik vind het een geweldige IDE. Het is rijk aan functies met vele toeters en bellen.

Web Essential Extension voor VS2012

Gelukkig zijn browsergebaseerde foutopsporingstools geëvolueerd tot wat ze vandaag zijn.

Dit is de extensie die Visual Studio ideaal maakt voor webontwikkeling. Het biedt functionaliteit die webontwikkelaars nodig hebben, zoals:

  • Bundeling van bestanden voor toekomstige verwerking
  • Eliminatie van activa
  • JSHint-ondersteuning voor het pluizen van uw JavaScript-code
  • Top-client-side template-engines inclusief Handlebars, Moustache en JSRender
  • De LESS-stijlmodellentaal met on-the-flyvoorbeelden
  • CoffeeScript en TypeScript

Mads Kristensen, de maker van de extensie, is een rockster!

Sublieme tekst 2

Het is de kleine editor die dat kan. Sublime Text is een geweldige tool en Package Control rondt het uit met de uitbreidingen die je nodig hebt om je ontwikkeling echt te stroomlijnen. Nettuts + heeft een TON van artikelen over deze krachtige editor, inclusief een volledige (en gratis) cursus.


browsers

Ik maak opnamen voor sites van meerdere browsers, dus een zo breed mogelijke dekking is van cruciaal belang. Ik blijf ook graag op de hoogte van nieuwe functies die binnenkort beschikbaar komen, en ik installeer ook dev en nightly browser builds om op de hoogte te blijven. Hier is de lijst met browsers die ik gebruik voor het testen:

  • IE10
  • Chrome - stabiel en kanarie
  • Firefox - Stabiel & Aurora
  • Opera - Stal & volgende
  • Safari v5.1

Een ding om op te merken is dat Safari niet langer de nieuwste versie van Safari op Windows biedt. Het lijkt erop dat v5.1.7 de laatste is, maar ik blijf het nog steeds houden om te testen.


Browser-gebaseerde Dev Tools

Gelukkig zijn browsergebaseerde foutopsporingstools geëvolueerd tot wat ze vandaag zijn. Anders zouden we nog steeds gebruiken alert () vakjes om onze code te testen. Het mooie is dat elke grote moderne browser beschikt over ingebouwde, geavanceerde foutopsporingshulpmiddelen om u te helpen bij het analyseren van uw code, siteprestaties en meer. Hier is een artikel dat ik schreef over IE's F12 Developer Tools om je op de hoogte te houden.

  • IE F12 Developer Tools.aspx)
  • Firebug
  • Chrome-ontwikkelaarstools
  • Opera DragonFly
  • Safari Web Development Tools

Browser-extensies

Ik vind browser-add-ons en extensies van onschatbare waarde voor mijn probleemoplossing. Niet alleen helpen ze bij het debuggen van code, ze maken het maken van pagina's ook eenvoudiger.

Firefox:

Ik overweeg Currents om mijn desktop en laptops gesynchroniseerd te houden.

  • Firebug - De oude betrouwbare die de revolutie van de browser-tool in gang heeft gezet. Nog steeds geweldig in mijn boek.
  • ColorZilla - geeft me een kleurendruppel waarmee ik de kleurcode kan vastgrijpen voor bijna alles op een pagina. Hou ervan!
  • MeasureIt - Ooit de afmetingen van iets op een pagina willen zien. Dit is de extensie om te krijgen.
  • YSlow - De originele add-on gemaakt door Steve Souders terwijl hij bij Yahoo! ontwikkelaars helpen bij het analyseren van de belangrijkste kenmerken van de prestaties van hun site.
  • Paginasnelheid - Steve verhuisde toen naar Google en kwam met Page Speed. Beide zijn geweldig en passen zijn principes toe om de prestaties van de site te verbeteren.
  • Web Developer Toolbar - Dit is altijd de tweede add-nee die ik installeer, omdat het mij zulke gedetailleerde informatie geeft over mijn pagina's. De optie "Gegenereerde bron" alleen al is de moeite waard.

Mozilla's add-on-hub heeft een aantal geweldige add-ons - niet alleen voor webontwikkeling, maar voor alle soorten leuke dingen. Zorg ervoor dat je het bekijkt.

Chrome:

  • Chrome Sniffer - geeft me een snelle blik op welke libs en frameworks op een specifieke pagina worden gebruikt.
  • Web Developer Toolbar - Het is hetzelfde als de add-on die ik hierboven heb beschreven maar geporteerd naar Chrome.
  • Pendule - Zeer vergelijkbaar met de werkbalk voor webontwikkelaars, maar ik vind dat de gebruikersinterface beter is en de functie voor het wijzigen van de viewport is erg mooi ingedeeld.

Versiebeheer

Git heeft gewonnen; zonder twijfel. En er is een overvloed aan hulpmiddelen beschikbaar; sommige zijn geweldig en sommigen voelen zich te gecompliceerd.

  • Git (commandoregel) - Noem me old school maar ik vind Git heel leuk via de opdrachtregel.
  • GitHub voor Windows - Met dat gezegd, Github's Windows-client is echt glad en maakt het gemakkelijk om Git en hun diensten te gebruiken via een aantrekkelijke gebruikersinterface.

virtualisatie

Zelfs in Windows moet ik nog steeds VM's gebruiken voor niet-moderne versies van IE, en hoewel ik zou willen dat ik deze verschillende versies naast elkaar kon testen, weet ik tenminste dat ik VM-instanties kan versnellen en dit omzeilen. Hier is de software die ik gebruik:

  • VirtualBox - Eenvoudig te gebruiken, ondersteunt elk groot OS en het beste van alles, het is gratis!
  • BrowserStack.com - Als ik moet zien hoe mijn site eruit zal zien in een ander besturingssysteem, dan sprankel ik deze geweldige service en het maakt een gevirtualiseerde browsersessie in mijn eigen browser. Het ondersteunt zelfs lokale ontwikkeling, zodat ik kan tunnelen tussen mijn lokale dev en BrowserStack's cloudservers.
  • modern.IE - Microsoft probeert de wrijving met het testen van IE te verminderen en dit project is een grote stap in die richting. U kunt uw site scannen op algemene compatibiliteitsproblemen en VM's downloaden voor het testen van IE-versies.

VM

Zoals ik eerder al zei, gebruik ik VM's voor het testen van niet-moderne versies van IE. Gelukkig hoef ik niet de oude VPC-afbeeldingen te pakken die mijn opties voor VM-software beperkten. Ik kan nu naar modern.IE gaan en VM's pakken voor mijn platform.

  • IE8 & 9 - Beschikbaar op modern.IE in verschillende doel-besturingssystemen en VM-platforms.
  • Ubuntu-server - Trek de iso naar beneden voor een van de meest populaire Linux-distributies en -stappen.

screencasts

Screencasts zijn een van de beste manieren om ontwikkelaars te onderwijzen. Voor Windows, de beste optie, is naar mijn mening Camtasia Studio 8. Het maakt het maken, bewerken en produceren van screencasts triviaal. Ik was er binnen een uur mee bezig en TechSmith biedt gratis zelfstudievideo's om je snel van start te laten gaan.


Schermopname

We zijn er allemaal geweest. We willen een snelle schermklem maken maar op "PrtScn" drukken en plakken in MS Paint is het zuigen. Mijn keuze hiervoor is Snagit. Het bindt zich aan de "PrtScn" -toets en stelt u in staat eenvoudig te kiezen welke delen van het scherm u wilt grijpen. Het kan zelfs een volledige pagina scrollen in een browser als de pagina langer is dan de viewport. Zodra de grab is voltooid, beschikt u over een volledige reeks bewerkingstools om de afbeelding aan te passen en te plaatsen. Solide tool.


Lokale servers

Webontwikkelaars hebben webservers nodig en omdat ik met zowel MS- als niet-MS-webontwikkelaars werk, vind ik het leuk om over te schakelen tussen IIS (een lokale versie is ingebouwd in Windows) en WampServer, waardoor werken met Apache, MySQL en PHP zo eenvoudig.

Ik heb ook Node.js geïnstalleerd, maar ik ben er nog niet in gesprongen. Het is absoluut op mijn radar en een must-have omdat zoveel tools (zoals Grunt) erop voortbouwen.


Communicatie

Ik ben een externe medewerker, dus contact houden is voor mij van levensbelang. Ik probeer zoveel mogelijk tools te gebruiken om te kunnen communiceren met mijn collega's en collega's in de gemeenschap. Dit is wat ik gebruik:

  • Skype - Niet zeker of er een andere beldienst is die even goed werkt als Skype. Voor spraak en video weet ik niet beter.
  • Pidgin - Deze open source IM-client is geweldig en eenvoudig in te stellen.
  • XChat - Het is interessant om te zien dat IRC weer aantrekt nadat IM zo lang de keuze voor chatter was. XChat heeft me goed gediend in deze ruimte

Opdrachtregel

Mijn broeders vertellen me hoe ze hun leven doorbrengen in de terminal. Ik kan niet zeggen dat ik hetzelfde doe, maar als ik dat doe, kies ik voor Windows PowerShell. Persoonlijk is het gewoon een "gevoel" ding, omdat de manier waarop je erin werkt (bijvoorbeeld: toegang tot mappen) me doet denken aan * nix-gebaseerde terminals. Ik ben zeker niet volledig profiteren van de functies, maar ik vind het leuk.


FTP

Voor mijn FTP-behoeften heb ik niets gevonden dat FileZilla vervangt. Het is open-source en vastgelopen op de rand met de functies die ik wil. Het zou leuk zijn als het AWS-ondersteuning had, maar behalve dat, het is een favoriet van mij.


HTTP Web Debugging Proxies

Ik heb onlangs geschreven over proxy's voor foutopsporing op het web, waarin de werkelijke voordelen van het gebruik van een externe verkeersanalysator worden uitgelegd om uw HTTP-verzoeken te inspecteren. Dit zijn onmisbare hulpmiddelen, ongeacht het besturingssysteem waar u aan werkt.

  • Fiddler - Naar mijn mening is dit de beste proxy voor Windows. Zoveel functies en u kunt een 300-pagina's tellend boek krijgen dat u alles vertelt wat u moet weten over het gebruik ervan.
  • Charles - EEN ZEER goede tweede en het is platformoverschrijdend om op te starten. Dit is mijn keuze voor OSX en Linux. Als u een consistente gebruikersinterface wilt voor alle besturingssystemen, kunt u deze kiezen.

TCP / IP

Kun je geloven dat Windows ontwikkelaars soms moeten telnet of SSH in servers? Ja, het gebeurt omdat we niet alleen in Windows werken, maar velen van ons ondersteunen * nix-systemen en -gebruikers. Ga figuur. Putty is de juiste manier om dit te doen, en het is ook gratis.


Online opslag

De volgende zijn niet noodzakelijkerwijs apps, maar deze online opslagservices zijn handig voor het delen van code met peers:

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

Ik heb ook gehoord van een nieuwe service van Carbonite genaamd Currents, waarmee je mappen en bestanden gesynchroniseerd kunt houden. Ik overweeg Currents om mijn desktop en laptops gesynchroniseerd te houden.


Meer?

Dit is een vrij grote lijst en terwijl ik het aan het schrijven was, werd ik overspoeld door het aantal apps dat ik regelmatig gebruik, maar ik ben nog nieuwsgieriger naar het aantal apps waarvan ik nog niet heb gehoord. Ik hoop dat deze lijst sommigen van jullie helpt, en ik hoop ook dat je een bijdrage levert in de reacties. Ik wil leren over coole nieuwe tools.