Web Development - Tools of the Trade

Con un numero sempre crescente di browser per rendere il codice compatibile con le esigenze superiori e immessi sul web designer e sviluppatori vi è un obbligo per gli strumenti più potenti per creare e mantenere il vostro codice. Questo tutorial copre una serie di metodi e risorse per aiutare gli aiuti voi le esigenze crescenti dei vostri progetti web.

Molti sviluppatori e progettisti hanno le loro personali browser preferito per lo sviluppo e la gestione dei loro siti web. Questo tutorial si concentra sull'uso di Firefox. Questo non vuol dire altri browser metterla in condizioni di svantaggio, ma l'addon e miglioramenti sono tutti supportati da Firefox.

FireBug

Ho pensato che sarebbe iniziare con il mio strumento di sviluppo web preferiti. Firebug è estremamente flessibile e potente strumento di sviluppo web. Potrei passare tutto il giorno a parlare delle sue caratteristiche, quindi mi taglio i più notevoli e utili. Progettato come un add-on per Firefox, che viene eseguito all'interno del browser Firebug applicazione vi permette di controllare gli elementi, di ricerca attraverso il codice e modificarlo al volo. Questo è uno strumento molto utile se si lavora con JavaScript nelle vostre pagine.

Se si desidera ottenere molto intelligente è possibile utilizzare le potenti opzioni punto di rottura, che consentono di passaggio attraverso il vostro codice riga per riga, questo è molto utile se si vuole decifrare ciò che sta accadendo, come i rendering del codice in una pagina, è possibile aggiungere orologi di elementi per fare il debug del codice ancora più facile. Se avete familiarità con C + + e la programmazione Java che si terrà a questa come un'anatra di acqua.

Console Diari

Se sono stati aggiunti Firebug per il browser Firefox è possibile utilizzare console.log () all'interno del vostro comandi JavaScript che verrà eseguito nella vostra console di Firebug. Questo è un modo pratico di bug fixing su pagine web in tempo reale, dove non si può solo avviso un valore. Quando sei browser incontra un log della console verrà visualizzato il valore nel tuo Firebug console, per maggiori informazioni su questo e altri inviti a consultare la documentazione completa.

Firecookie

Questo semplice ma potente add-on per Firefox appare all'interno Firebug console, al momento del download. Vi darà l'accesso alle informazioni sui cookie sono memorizzati sulle sue pagine web, con la possibilità di visualizzare e rimuovere come si ha bisogno, senza bisogno di caricare fino schede separate, ma uno strumento simile è disponibile sulla barra degli strumenti è uno sviluppatore Firecookie convinient opzione da considerare. Ciò è particolarmente utile se si sta lavorando su script che si basano sull'uso dei dati dei cookie in contrasto con le informazioni di sessione. Può essere semplice, ma con aria di sfida uno sarei perduto senza.

Web Developer Bar

La maggior parte dei progettisti e gli sviluppatori sono già molta familiarità con questa barra degli strumenti, ma la sua sempre la pena di citare. Il bar sviluppatore web è un po 'utile di kit che possono fare una serie di compiti molto bene. Ha una serie di strumenti che rendono lo sviluppo di siti web molto più facile. Per i web designer che ti dà gamma attraverso i vostri fogli di stile, nel senso che è possibile modificare il foglio di stile "on the fly. Questo principio è simile a quello che è possibile in Friebug. Le opzioni CSS sono grandi, se si vuole fare un sacco di cambiamenti al tuo stile pagine web, come una volta si sono fatti e si può vedere si sta lavorando è sufficiente copiare tutti i contenuti del foglio di stile sopra la parte superiore degli originali e aggiornamento al tuo FTP, salva la prova di errore e il metodo adottato da molti.

YSlow

Sviluppato da Yahoo, YSlow è uno strumento progettato per aiutare con l'ottimizzazione sito web. Personalmente ho trovato è necessario adottare questo strumento, con un pizzico di sale. Anche se è molto utile per misurare il tempo di caricamento della pagina, alcune delle quali featues classificazione pagina web vale la pena che si affaccia, come base delle analisi possono entrare in conflitto con ciò che si può tentare di raggiungere.

URL Params

Probabilmente uno degli strumenti più utili là fuori, se mai hai bisogno di fare nulla con l'invio dei moduli. Url Params è ancora un altro potente add on per Firefox, si tratta in forma di una barra laterale che mostra sia POST e ottenere informazioni, rendendo molto più semplice per vedere che cosa si sta inviando tramite. È inoltre possibile aggiungere facilmente i parametri su entrambi in una GET e POST campi. Un molto efficace e facile da usare strumenti.

Sintesi

Gli strumenti che ho citato vi aiuterà se sei un seaoned professionali, o semplicemente uno hobbiest. Questo non vuol dire che ci sono strumenti non più là fuori per l'uso. La bellezza di questa lista di id che tutto ciò che su di esso è gratuito per l'utilizzo su progetto commerciale o altro. Se non ci sono altri strumenti per l'elenco si prega di commentare su di loro, Im sempre molto lieti di scoprire che altri sviluppatori si utilizza nel web design moderno.