App per Windows per sviluppatori Web

Quando l'editore di Nettuts + ha richiesto un articolo per mostrare agli sviluppatori di Windows l'amore elencando le popolari app di sviluppo web, l'ho trovato dappertutto. Gli sviluppatori OSX ricevono molta attenzione, quindi è bene mescolare un po 'le cose.

Quello che voglio fare è elencare gli strumenti di sviluppo che uso frequentemente come sviluppatore web su Windows. Potrebbe non includere il tuo preferito e, in caso contrario, comunicacelo nella sezione dei commenti. Sono sempre ansioso di trovare nuovi strumenti per migliorare il mio flusso di lavoro!


Codice di scrittura

Visual Studio 2012

Ho già scritto su Visual Studio e penso che sia un IDE fantastico. È ricco di funzionalità con tonnellate di campane e fischietti.

Estensione Web Essential per VS2012

Grazie a Dio gli strumenti di debug basati su browser si sono evoluti in quello che sono oggi.

Questa è l'estensione che rende Visual Studio ideale per lo sviluppo web. Offre funzionalità che gli sviluppatori Web hanno bisogno di:

  • Raggruppamento di file per l'elaborazione futura
  • Minificazione delle attività
  • Supporto JSHint per il linting del tuo codice JavaScript
  • I principali motori di template sul lato client tra cui Handlebars, Moustache e JSRender
  • La lingua del foglio di stile LESS con l'anteprima al volo
  • CoffeeScript e TypeScript

Mads Kristensen, il creatore dell'estensione, è una rockstar!

Testo sublime 2

È il piccolo editor che può. Sublime Text è uno strumento straordinario e Control Package lo completa con le estensioni necessarie per ottimizzare lo sviluppo. Nettuts + ha una tonnellata di articoli su questo potente editor, incluso un corso completo (e gratuito).


browser

Fotografo per siti cross-browser, quindi avere la copertura più ampia possibile è la chiave. Mi piace anche rimanere in cima alle nuove funzionalità che verranno rilasciate a breve, e installerò anche le versioni di browser dev e nightly per rimanere nel loop. Ecco l'elenco dei browser che uso per testare:

  • IE10
  • Chrome - stabile e canarino
  • Firefox - Stabile e Aurora
  • Opera - Stabile e Avanti
  • Safari v5.1

Una cosa da notare è che Safari non offre più la sua versione più recente di Safari su Windows. Sembra che la v5.1.7 sia l'ultima, ma continuo a tenerla in giro per i test.


Strumenti di sviluppo basati sul browser

Grazie a Dio gli strumenti di debug basati su browser si sono evoluti in quello che sono oggi. Altrimenti, staremmo ancora usando mettere in guardia() scatole per testare il nostro codice. La cosa grandiosa è che tutti i principali browser moderni hanno strumenti di debug sofisticati e integrati che consentono di analizzare il codice, le prestazioni del sito e altro ancora. Ecco un articolo che ho scritto sugli strumenti di sviluppo F12 di IE per aggiornarti.

  • IE F12 Developer Tools.aspx)
  • Firebug
  • Strumenti per sviluppatori di Chrome
  • Opera DragonFly
  • Safari Web Development Tools

Estensioni del browser

Trovo inestimabili i componenti aggiuntivi e le estensioni del browser per il mio lavoro di risoluzione dei problemi. Non solo aiutano nel debug del codice, ma facilitano anche la creazione di pagine.

Firefox:

Sto considerando Currents per mantenere sincronizzati desktop e laptop.

  • Firebug: la vecchia affidabile che ha dato il via alla rivoluzione del browser. Ancora fantastico nel mio libro.
  • ColorZilla - Mi dà un contagocce di colore che può aiutarmi a catturare il codice colore per quasi tutto su una pagina. Lo adoro!
  • MeasureIt: mai voluto vedere le dimensioni di qualcosa su una pagina. Questa è l'estensione da ottenere.
  • YSlow - Il componente aggiuntivo originale creato da Steve Souders mentre era su Yahoo! per aiutare gli sviluppatori ad analizzare gli attributi chiave delle prestazioni del loro sito.
  • Page Speed: Steve si è quindi spostato su Google ed è uscito con Page Speed. Entrambi sono fantastici e applicano i suoi principi per migliorare le prestazioni del sito.
  • Barra degli strumenti per sviluppatori Web - Questa è sempre la seconda aggiunta, non l'installazione, perché mi fornisce dettagli così dettagliati sulle mie pagine. L'opzione "Fonte generata" vale da sola.

L'hub Add-on di Mozilla ha una serie di fantastici componenti aggiuntivi, non solo per lo sviluppo web, ma per tutti i tipi di cose divertenti. Assicurati di controllare.

Cromo:

  • Chrome Sniffer - Mi dà una rapida occhiata a quali librerie e librerie vengono utilizzate su una pagina specifica.
  • Barra degli strumenti per sviluppatori Web: è la stessa del componente aggiuntivo che ho descritto sopra ma che è stato trasferito su Chrome.
  • Pendule - Molto simile alla barra degli sviluppatori Web, ma trovo che sia l'interfaccia utente migliore e la funzionalità di ridimensionamento della vista sia davvero ben strutturata.

Controllo della versione

Git ha vinto; mani giù. E c'è una pletora di strumenti disponibili; alcuni sono fantastici e alcuni si sentono eccessivamente complicati.

  • Git (riga di comando) - Chiamami vecchia scuola ma mi piace molto usare Git tramite la riga di comando.
  • GitHub per Windows - Detto questo, il client Windows di Github è davvero fluido e rende facile l'utilizzo di Git e dei relativi servizi tramite un'interfaccia utente accattivante.

virtualizzazione

Anche su Windows, ho ancora bisogno di usare VM per versioni non moderne di IE, e mentre vorrei poter testare queste diverse versioni fianco a fianco, almeno so di poter far ruotare le istanze VM e risolvere il problema. Ecco il software che utilizzo:

  • VirtualBox - Facile da usare, supporta tutti i principali sistemi operativi e, soprattutto, è gratuito!
  • BrowserStack.com - Se ho bisogno di vedere come apparirà il mio sito su un altro sistema operativo, ho appena creato questo ottimo servizio e crea una sessione browser virtualizzata nel mio browser. Supporta anche lo sviluppo locale in modo da poter effettuare il tunnel tra il mio dev locale e i server cloud di BrowserStack.
  • modern.IE - Microsoft sta cercando di ridurre l'attrito per testare IE e questo progetto è un grande passo avanti verso questo. È possibile eseguire la scansione del sito per problemi comuni relativi alla compatibilità e scaricare VM per verificare le versioni di IE.

VM

Come ho detto prima, uso VM per testare versioni non moderne di IE. Per fortuna, non devo andare a prendere le vecchie immagini VPC che limitavano le mie opzioni per il software VM. Ora posso andare su modern.IE e prendere le VM per la mia piattaforma.

  • IE8 e 9 - Disponibile su modern.IE in una varietà di SO di destinazione e piattaforme VM.
  • Server Ubuntu - Abbassa gli iso per una delle distribuzioni Linux più popolari e vai.

screencast

Gli screencast sono uno dei modi migliori per aiutare a insegnare agli sviluppatori. Per Windows, l'opzione migliore, a mio parere, è Camtasia Studio 8. È la creazione, la modifica e la produzione di screencast banali. Sono stato attivo e funzionante in un'ora e TechSmith offre video tutorial gratuiti per iniziare rapidamente.


Cattura schermo

Siamo stati tutti lì. Vogliamo eseguire una rapida cattura dello schermo ma premere "PrtScn", e incollare in MS Paint è il trucco. La mia scelta per questo è Snagit. Si lega al tasto "PrtScn" e ti permette di scegliere facilmente quali parti dello schermo vuoi afferrare. Può anche fare una scroll a pagina intera in un browser se la pagina è più lunga del viewport. Una volta eseguita la cattura, hai a disposizione una gamma completa di strumenti di modifica per ritoccare l'immagine e pubblicarla. Strumento solido.


Server locali

Gli sviluppatori Web hanno bisogno di server Web e, poiché lavoro con gli sviluppatori Web sia MS che non MS, mi piace avere l'opzione di passare da IIS (che è una versione locale integrata in Windows) e WampServer che rende il lavoro con Apache, MySQL e PHP così facile.

Ho anche installato Node.js, ma non l'ho ancora fatto. È sicuramente sul mio radar e un must-have visto che così tanti strumenti (come Grunt) ci stanno costruendo.


Comunicazione

Sono un lavoratore remoto, quindi rimanere in contatto è vitale per me. Cerco di utilizzare quanti più strumenti possibili per poter comunicare con i miei colleghi e colleghi della comunità. Ecco cosa uso:

  • Skype: non sono sicuro che ci sia un altro servizio di chiamata che funziona come Skype. Per voce e video, non so di meglio.
  • Pidgin: questo client di messaggistica istantanea open source è eccezionale e facile da configurare.
  • XChat - È interessante vedere IRC riprendere di nuovo dopo che IM è stata la scelta di chatter per così tanto tempo. XChat mi ha servito bene in questo spazio

Riga di comando

I miei fratelli * nix mi raccontano come trascorrono la loro vita nel terminal. Non posso dire di fare lo stesso, ma quando lo faccio, scelgo Windows PowerShell. Personalmente, è solo una cosa da "sentire" dato che il modo in cui ci si lavora (ad es. Accedere alle directory) mi ricorda i terminali basati su * nix. Sicuramente non sto sfruttando appieno le sue caratteristiche, ma mi piace.


FTP

Per le mie esigenze FTP, non ho trovato nulla che sostituisca FileZilla. È open source e bloccato sul bordo con le funzionalità che voglio. Sarebbe bello se avesse il supporto AWS, ma a parte questo, è il mio preferito.


Proxy di debug Web HTTP

Recentemente ho scritto sui proxy di debug del Web, spiegando i reali vantaggi dell'utilizzo di un analizzatore di traffico di terze parti per ispezionare le richieste HTTP. Questi sono strumenti indispensabili, indipendentemente dal sistema operativo su cui lavori.

  • Fiddler - Secondo me questo è il miglior proxy per Windows. Così tante funzionalità e puoi ottenere un libro di oltre 300 pagine per l'avvio che ti dice TUTTO ciò che devi sapere per usarlo.
  • Charles - Un secondo molto vicino ed è multipiattaforma per l'avvio. Questa è la mia scelta per OSX e Linux. Se si desidera un'interfaccia utente coerente su tutti i sistemi operativi, questa è l'unica scelta.

TCP / IP

Riesci a credere che gli sviluppatori di Windows debbano a volte telnet o SSH nei server? Sì, succede perché non solo lavoriamo in Windows, ma molti di noi supportano * sistemi e utenti nix. Vai a capire. Putty è la strada da percorrere per questo, ed è anche gratis.


Archiviazione in rete

Le seguenti non sono necessariamente app, ma questi servizi di archiviazione online sono utili per la condivisione del codice con i peer:

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

Ho anche sentito parlare di un nuovo servizio di Carbonite chiamato Currents, che ti consente di mantenere sincronizzati cartelle e file. Sto considerando Currents per mantenere sincronizzati desktop e laptop.


Di Più?

Questa è una lista piuttosto ampia e, mentre la stavo scrivendo, sono rimasta colpita dal numero di app che uso regolarmente, ma sono ancora più curioso del numero di app di cui non ho ancora sentito parlare. Spero che questa lista aiuti alcuni di voi, e spero anche che contribuirete nei commenti. Voglio conoscere nuovi fantastici strumenti.