Aplicații Windows pentru dezvoltatori web

Când editorul Nettuts + a solicitat un articol care să arate dragilor dezvoltatori Windows prin listarea aplicațiilor populare de dezvoltare web, am fost peste tot. OSX devs obține o mulțime de atenție, deci este bine să amestecați lucrurile un pic.

Ceea ce vreau să fac este să listați instrumentele de dezvoltare pe care le folosesc frecvent ca dezvoltator web pe Windows. Este posibil să nu includeți preferatul dvs. și, dacă nu, anunțați-ne în secțiunea de comentarii. Sunt întotdeauna nerăbdător să găsesc noi instrumente pentru a-mi îmbunătăți fluxul de lucru!


Codul de scriere

Visual Studio 2012

Am scris despre Visual Studio înainte și cred că este un IDE minunat. Este bogat în caracteristici cu tone de clopote și fluiere.

Extensie esențială Web pentru VS2012

Mulțumim bunăstării, instrumentele de depanare bazate pe browser au evoluat până la ceea ce sunt astăzi.

Aceasta este extensia care face Visual Studio excelent pentru dezvoltarea web. Acesta aduce funcționalitatea pe care dezvoltatorii web o au, cum ar fi:

  • Colectarea de fișiere pentru procesarea ulterioară
  • Reducerea activelor
  • Suport JSHint pentru lingerea codului dvs. JavaScript
  • Motoare de top tematice ale clientului, inclusiv Handlebars, Mustache și JSRender
  • Limbajul stilurilor LESS cu previzualizare on-the-fly
  • CoffeeScript și TypeScript

Mads Kristensen, creatorul prelungirii, este un rockstar!

Text sublim 2

Este micul editor care poate. Sublime Text este un instrument uimitor, iar Controlul pachetelor îl completează cu extensiile de care aveți nevoie pentru a vă eficientiza dezvoltarea. Nettuts + are un număr de articole despre acest editor puternic, inclusiv un curs complet (și gratuit).


browserele

Am filmat pentru site-urile cu browser încrucișat, astfel încât o acoperire cât mai largă este esențială. De asemenea, mi-a plăcut să rămân pe partea de sus a noilor caracteristici care vor ieși în curând, iar eu, de asemenea, să instalez constructori dev și noile browsere pentru a rămâne în buclă. Iată lista browserelor pe care le folosesc pentru testare:

  • IE10
  • Chrome - Stabil și Canar
  • Firefox - Stable & Aurora
  • Opera - Stable & Next
  • Safari v5.1

Un lucru de remarcat este că Safari nu mai oferă cea mai nouă versiune de Safari pe Windows. Se pare că v5.1.7 va fi ultima, dar eu încă o păstrez pentru testare.


Instrumente de browser bazate pe browser

Mulțumim bunăstării, instrumentele de depanare bazate pe browser au evoluat până la ceea ce sunt astăzi. În caz contrar, vom mai folosi alerta() cutii pentru a testa codul nostru. Lucrul grozav este că fiecare browser modern modern are built-in, instrumente de depanare sofisticate care vă ajută să vă analizați codul, performanța site-ului și multe altele. Iată un articol pe care l-am scris despre instrumentele de dezvoltare F12 ale IE pentru a vă aduce la curent cu viteza.

  • IE F12 Developer Tools.aspx)
  • Firebug
  • Instrumente de dezvoltare Chrome
  • Opera DragonFly
  • Safari Instrumente de dezvoltare web

Extensiile browserului

Consider că extensiile și extensiile de browser sunt de neprețuit pentru munca mea de depanare. Nu numai că ajută la depanarea codului, ci și la crearea mai ușoară a paginilor.

Firefox:

Sunt în vedere curenții pentru păstrarea sincronizării desktop-ului meu și a laptop-urilor.

  • Firebug - Vechiul demn de încredere care a dat naștere revoluției browser-ului. Încă minunat în cartea mea.
  • ColorZilla - Îmi dă un picurător de culoare care mă poate ajuta să înnebunesc codul de culoare pentru cele mai multe lucruri de pe o pagină. Iubesc!
  • MeasureIt - Ai vrut vreodată să vezi dimensiunile unui articol pe o pagină. Aceasta este extensia pe care o puteți obține.
  • YSlow - Adăugarea originală creată de Steve Souders în timp ce era la Yahoo! pentru a ajuta dezvoltatorii să analizeze atributele cheie ale performanței site-ului lor.
  • Viteza paginilor - Steve sa mutat apoi la Google și a ieșit cu Speed ​​Page. Ambele sunt minunate și aplică principiile sale pentru îmbunătățirea performanței site-ului.
  • Web Developer Toolbar - Acesta este întotdeauna cel de-al doilea add-no pe care îl instalez deoarece îmi oferă detalii detaliate despre paginile mele. Opțiunea "Sursă generată" este în valoare de ea.

Centrul de completare Mozilla are un număr mare de extensii - nu numai pentru dezvoltarea web, ci pentru toate tipurile de lucruri distractive. Asigurați-vă că ați verificat-o.

Crom:

  • Chrome Sniffer - Îmi oferă o privire rapidă la care libs și cadre sunt utilizate pe o anumită pagină.
  • Bara de instrumente Web pentru dezvoltatori - Este aceeași ca și add-on-ul descris mai sus, dar portat la Chrome.
  • Pendule - Foarte similar cu Bara de instrumente Web Developer, dar eu cred că este mai bine UI și este redimensionată caracteristica de vizualizare este foarte frumos.

Controlul versiunii

Git a câștigat; mainile jos. Și există o mulțime de instrumente disponibile; unii sunt minunați și unii se simt prea complicați.

  • Git (linia de comandă) - Sunați-mă la școala veche, dar îmi place foarte mult să folosesc Git prin linia de comandă.
  • GitHub pentru Windows - Cu acest spus, clientul Github Windows este într-adevăr slick și îl face ușor să utilizeze Git și serviciile sale printr-o interfață de utilizator atractivă.

virtualizare

Chiar si pe Windows, inca mai trebuie sa folosesc VM-uri pentru versiunile non-moderne ale IE, si in timp ce doresc sa testez aceste versiuni diferite side-by-side, cel putin stiu ca pot inventa instante VM si rezolva asta. Iată software-ul pe care îl folosesc:

  • VirtualBox - Ușor de utilizat, suportă toate OS-urile importante și cel mai bine, este gratuit!
  • BrowserStack.com - Dacă trebuie să văd cum va arăta site-ul meu pe un alt sistem de operare, am scânteie acest serviciu excelent și creează o sesiune de browser virtualizată în propriul browser. Sprijină chiar și dezvoltarea locală, astfel încât să pot tunel între serverele locale dev și serverele cloud ale BrowserStack.
  • modern.IE - Microsoft încearcă să reducă frecare la testarea IE și acest proiect este un pas mare spre acest lucru. Puteți să scanați site-ul pentru probleme comune de compat și să descărcați VM-uri pentru testarea versiunilor IE.

VMs

După cum am menționat mai devreme, folosesc VM pentru testarea versiunilor non-moderne ale IE. Din fericire, nu trebuie să mă apuc de vechile imagini VPC care mi-au limitat opțiunile pentru software-ul VM. Acum pot să merg la modern.IE și să iau VM-uri pentru platforma mea.

  • IE8 & 9 - Disponibil pe modern.IE într-o varietate de platforme vizate OS și VM.
  • Ubuntu Server - Trageți jos iso pentru una dintre cele mai populare distribuții Linux și du-te.

screencast

Screencast-urile sunt una dintre cele mai bune modalități de a ajuta să predați dezvoltatorilor. Pentru Windows, cea mai bună opțiune, după părerea mea, este Camtasia Studio 8. Ea face ca crearea, editarea și producerea de programe de screening trivială. Am fost susținut cu o oră și TechSmith oferă videoclipuri gratuite de instruire pentru a vă începe rapid.


Captură de ecran

Toți am fost acolo. Vrem să facem o apucare rapidă a ecranului, dar apăsând "PrtScn", iar inserarea în MS Paint este suge. Alegerea mea este Snagit. Se leagă de tasta "PrtScn" și vă permite să alegeți cu ușurință ce părți ale ecranului doriți să le apucați. Poate chiar să efectueze o parcurgere completă a paginii într-un browser dacă pagina este mai lungă decât fereastra de vizualizare. După ce ați terminat apariția, aveți o gamă completă de instrumente de editare pentru a modifica imaginea și ao posta. Unelte solide.


Servere locale

Dezvoltatorii web au nevoie de servere web și pentru că lucrez atât cu dezvoltatori web din MS, cât și din alte regiuni decât MS, îmi place să fac schimbul între IIS (pe care o versiune locală este integrat în Windows) și WampServer, care lucrează cu Apache, MySQL & PHP atât de ușor.

De asemenea, am instalat Node.js, dar nu am intrat încă în el. Este cu siguranta pe radarul meu si un must-have, deoarece atat de multe instrumente (cum ar fi Grunt) se bazeaza pe ea.


Comunicare

Sunt un muncitor la distanță, deci starea de contact este vitală pentru mine. Încerc să folosesc cât mai multe instrumente pentru a putea comunica cu colegii și colegii mei din comunitate. Iată ce folosesc:

  • Skype - Nu sunteți sigur dacă există un alt serviciu de apelare care funcționează și Skype. Pentru voce și video, nu știu nimic mai bun.
  • Pidgin - Acest client open source IM este mare și ușor de configurat.
  • XChat - Interesant este ca IRC să se reia din nou după ce IM a fost alegerea de a vorbi atât de mult timp. XChat mi-a servit bine în acest spațiu

Linie de comanda

Frații mei nix îmi spun cum își petrec viața în terminal. Nu pot să spun că fac același lucru, dar când o fac, aleg Windows PowerShell. Personal, este doar un lucru "simt", deoarece modul în care lucrați în el (de ex .: accesarea directoarelor) îmi amintește de terminalele bazate pe * nix. Cu siguranta nu-mi folosesc complet avantajele, dar imi place.


FTP

Pentru nevoile mele FTP, nu am găsit nimic care să înlocuiască FileZilla. Este open-source și blocat la jantă cu caracteristicile pe care le doresc. Ar fi frumos dacă ar avea suportul AWS, dar în afară de asta, este un favorit al meu.


Proxy-uri de depanare web HTTP

Am scris recent despre proxy-urile de depanare web, explicând beneficiile reale ale utilizării unui analizor de trafic al terților pentru a inspecta cererile HTTP. Acestea sunt instrumentele necesare, indiferent de sistemul de operare pe care lucrați.

  • Fiddler - În opinia mea, acesta este cel mai bun proxy pentru Windows. Atât de multe caracteristici și puteți obține o carte de 300 pagini pentru a boot care vă spune tot ce trebuie să știți despre utilizarea acestuia.
  • Charles - O FOARTE aproape al doilea si e cross-platform pentru a boot. Aceasta este alegerea mea pentru OSX și Linux. Dacă doriți un UI consistent în toate OS-urile, acesta este cel pe care îl alegeți.

TCP / IP

Puteți crede că Windows devs uneori trebuie să fie telnet sau SSH în servere? Da, se întâmplă pentru că nu lucrăm numai în Windows, dar mulți dintre noi susțin sistemele și utilizatorii * nix. Dă-ți seama. Putty este calea de a merge pentru acest lucru, și este gratuit, de asemenea.


Stocare online

Următoarele nu sunt neapărat aplicații, dar aceste servicii de stocare online sunt utile pentru partajarea codurilor cu colegii:

  • dropbox
  • SkyDrive
  • Disc Google
  • Box.com
  • Mega

De asemenea, am auzit despre un serviciu nou de la Carbonite numit Curente, care vă permite să păstrați dosarele și fișierele în sincronizare. Sunt în vedere curenții pentru păstrarea sincronizării desktop-ului meu și a laptop-urilor.


Mai Mult?

Aceasta este o listă destul de mare și, pe măsură ce o scriam, am fost acoperită de numărul de aplicații pe care le folosesc în mod regulat, dar sunt și mai curios de numărul de aplicații despre care nu am auzit încă. Sper că această listă vă ajută pe unii dintre voi și, de asemenea, sper că veți contribui la comentarii. Vreau să învăț instrumentele noi.

Cod