網(wǎng)站開發(fā)用什么工具

技術(shù)大牛都在用這些工具（前端篇）行業(yè)視頻課程

Hou

原文：tutsplus
譯文：伯樂在線專欄作者 - 厲瑤
鏈接：http://blog.jobbole/41251/

譯注：

看到這篇文章，覺得內(nèi)容甚是有趣。作者跟Web開發(fā)方面的諸多大牛進(jìn)行了交流，了解到他們的研究動(dòng)向，從訪談中可以看到各種風(fēng)格的開發(fā)者，有瀏覽器控，有設(shè)備控。我想，知道行業(yè)里的優(yōu)秀成員在做些什么以及用些什么對于我們或許會(huì)有一些用處。另外原文作者還采訪了我的偶像Lea Verou，所以忍不住花了一天時(shí)間將此文翻譯出來與大家共享了，不足之處還望多多批評指正！以下是正文。

在Web開發(fā)領(lǐng)域，我們通常會(huì)花一些時(shí)間關(guān)注行業(yè)大牛的動(dòng)態(tài)，比如他們開發(fā)所用的一些工具或者類庫，看他們寫的技術(shù)文章，學(xué)習(xí)他們學(xué)過的一些酷霸狂旋拽的技術(shù)，甚至參加一些新語言的發(fā)布會(huì)。如果能夠知道這些大牛正在關(guān)注些什么，以及他們開發(fā)時(shí)應(yīng)用的工具，那必定是極好的。

關(guān)于這些問題，我訪問了Web開發(fā)領(lǐng)域的一些閃亮明星。這些人在web開發(fā)領(lǐng)域都有著突出的貢獻(xiàn)，并且得到業(yè)內(nèi)的極高評價(jià)，他們通過自己的代碼，文章以及領(lǐng)導(dǎo)力推動(dòng)著Web開發(fā)的發(fā)展。你可以在下文中的簡介部分了解更多他們的詳細(xì)信息。

這些牛人非常忙碌，因此，我把問題縮減到了四個(gè)：

你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
你用什么編輯器或者IDE？
你的日常生活中必不可少的軟件是什么？

在下文就有他們的回答，或許從這些回答中你可以發(fā)現(xiàn)一些更有利于你的開發(fā)工具。你會(huì)發(fā)現(xiàn)一些有一些通用的工具（如Sublime Text）以及一些至少對我來說很新的工具。

Scott Gonzalez

簡介：我是一個(gè)web應(yīng)用程序開發(fā)人員，主要致力于JavaScript。2007年開始為jQuery效力，目前是jQuery UI的項(xiàng)目經(jīng)理。我比較活躍的社區(qū)有Node.js，WHATWG和W3C。Scott的Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
Web開發(fā)，只要是客戶端的JS以及Node.js

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
MacBook Pro.

Q3. 你用什么編輯器或者IDE？
Sublime Text, 搭配插件TrailingSpaces（可以高亮空格并瞬間刪除），Pretty JSON，GitGutter 和 Markdown Preview。

Q4.你的日常生活中必不可少的軟件是什么？
Git, GitHub, Apache, Chrome, Linkinus, Skype, Node。

Raymond Camden

簡介：Raymond是一個(gè)Adobe中級開發(fā)布道者。他的工作主要側(cè)重于web標(biāo)準(zhǔn)，移動(dòng)開發(fā)以及ColdFusion。他出版了一些作品，并且在很多會(huì)議和group中發(fā)表了很多主題演講。Raymond的Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
我的開發(fā)工作主要側(cè)重于web標(biāo)準(zhǔn)，Adobe的Creative Cloud（側(cè)重于HTML tools）以及客戶端開發(fā)的“non-sexy”部分。我欣賞CSS，不過我對storage，JavaScript以及表單更感興趣。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我的硬件設(shè)備是MacBook Pro。因?yàn)槲倚枰龊芏嗟囊苿?dòng)端開發(fā)，因此，我會(huì)在iPhone，Android phone以及各種平板（tablet）上面進(jìn)行測試。比較詭異的是，我每天要用的唯一一件微軟的硬件產(chǎn)品就是我的鍵盤。我用“Natural”鍵盤已經(jīng)有15個(gè)年頭了，我對它們已經(jīng)上癮了。

Q3. 你用什么編輯器或者IDE？
我的編輯器是Brackets，它是一個(gè)開源的編輯器，我們用了大約一年。它和Chrome可以很好的綁定，并且具有酷斃的擴(kuò)展性能。

Q4.你的日常生活中必不可少的軟件是什么？
Browser，我的編輯器，Tweetdeck以及Evernote（我用Evernote記錄我所有的事情，包括項(xiàng)目資料以及一些零碎的事情）。

John-David Dalton

簡介：JDD 是jsPerf/Benchmark.js的共同維護(hù)者，是ES5規(guī)范的布道者，JavaScript 庫的愛好者，兩度獲得微軟IE testing的MVP。在微軟負(fù)責(zé)Chakra performance項(xiàng)目。JDD的Github和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
簡單的實(shí)用工具庫。我是一個(gè)工具庫的忠實(shí)粉絲，并且熱衷于圍繞他們進(jìn)行開發(fā)。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我工作的裝備是Win8和IE10。我個(gè)人的開發(fā)設(shè)備是13’’ 的Macbook Pro，OS X10.7.5，2.3GHz 處理器，8GBs的內(nèi)存。

Q3. 你用什么編輯器或者IDE？
我在OS X和Windows中用的都是Komodo Edit，最愛它的高級搜索功能，可以使用正則表達(dá)式和嵌套文件進(jìn)行搜索。

Q4.你的日常生活中必不可少的軟件是什么？
除了我的編輯器之外，我使用Total finder，我?guī)缀鯎碛兴械臑g覽器：22個(gè)不同版本的Chrome，5個(gè)版本的IE，23個(gè)版本的Firefox，12個(gè)版本的Opear，以及6個(gè)版本的Safari。在我發(fā)布一個(gè)產(chǎn)品的新版本之前，我會(huì)確保這個(gè)產(chǎn)品在我聲明的系統(tǒng)以及瀏覽器中運(yùn)行順利，這也是我為什么要擁有所有的瀏覽器版本的原因。其他的必備軟件包括 Node，Ringo，Rhino以及Narwhat。

Stephanie Sullivan Rewis

簡介：Stephanie 是Contatta的董事，負(fù)責(zé)web運(yùn)營戰(zhàn)略以及市場營銷。作為前端開發(fā)工程師，她在多個(gè)國際性會(huì)議上都有演講，包括HOW Design，UI16，An Event Apart, Microsoft’s MIX, Macworld, SXSW, Adobe Max 等等。她出版過自己的作品，主要負(fù)責(zé)W3Conversions，并且與跨度很大的一些機(jī)構(gòu)一起工作，包括Newsweek，MLB, New York Magazine, Adobe, SalesForce，甚至是 Disney’s “TRON” movie site。

Stephanie的 Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
我是一個(gè)前端開發(fā)工程師，但是因?yàn)閰⑴cContatta新啟動(dòng)項(xiàng)目的關(guān)系，我有幸可以參與完成我們的新CMS項(xiàng)目，因此，我需要學(xué)習(xí)一些PHP的知識(shí)。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我沒有很特殊的裝備，我個(gè)人的開發(fā)設(shè)備是17’’ 的Macbook Pro（我沒有升級裝備，因?yàn)椴幌虢导壥褂?5’’ 的設(shè)備）。如果我在工作桌前，那么我會(huì)使用外接顯示器，我喜歡去類似Costco那樣的大超市去買顯示器，我不太偏愛高級裝備，這樣我就可以看到我的網(wǎng)站在普通用戶眼中是什么樣子的。

Q3. 你用什么編輯器或者IDE？
目前我日常開發(fā)用的是Sublime Text 2。如果Adobe的開源編輯器Brackets不斷朝著它所描述的方向繼續(xù)發(fā)展的話，我會(huì)選擇嘗試一下。我也會(huì)用Dreamweaver進(jìn)行郵件相關(guān)的開發(fā)。

Q4.你的日常生活中必不可少的軟件是什么？
除了我的編輯器之外，我通常會(huì)用CodeKit來編譯我的Sass以及壓縮CSS和JS文件。我用Git進(jìn)行代碼管理，使用Tower來提交代碼。

我利用HipChat與團(tuán)隊(duì)中的其他人進(jìn)行溝通。HipChat最好的一點(diǎn)就是它的Hu Bot,它可以自動(dòng)部署我的代碼，我愛我的bot！

我的設(shè)計(jì)師使用Fireworks，所以我有時(shí)會(huì)用它來打開圖片，切圖等等（沒錯(cuò)，我知道Adobe已經(jīng)不再更新Fireworks了，但是它可以滿足設(shè)計(jì)師的需求。因此，將來我們需要將它與設(shè)計(jì)師痛苦分離）。我喜歡打開音樂播放器Spotify，通常我會(huì)根據(jù)心情以及正在從事的開發(fā)工作選擇藝術(shù)家（今天，我選的是Hellsongs 頻道）。

最后，我會(huì)給Chrome設(shè)定每天的work out，有時(shí)候會(huì)多達(dá)150多個(gè)標(biāo)簽。我用它來管理我必備的一些插件（1password，OneTab, ColorZilla, Cache Killer, and Dragdis, 等等），以及一些我需要不斷維護(hù)的事情，如Google Analytics, MailChimp, SproutSocial, Google Docs，同時(shí)還有一些我正在進(jìn)行研究的事情。

Christian Heilmann

簡介：Chris Heilmann致力于讓web變得更好。他的學(xué)科背景是新聞專業(yè)，1997年建立了自己的第一個(gè)網(wǎng)站，此后多年效力于多家大型國際性站點(diǎn)。后來在Yahoo工作了幾年，從事產(chǎn)品開發(fā)和員工培訓(xùn)，目前在Mozilla工作。Chris撰寫了四本web開發(fā)方面的書，并且發(fā)表了上百篇博文，他的文章廣泛發(fā)表在Ajaxian, Smashing Magazine, Yahoo, Mozilla, ScriptJunkie等知名站點(diǎn)。

Christian的 Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
我主要的工作側(cè)重點(diǎn)是確保有人接手我的工作的時(shí)候，能夠很輕松地看懂我的代碼并且方便地進(jìn)行擴(kuò)展。不幸的是，這是一項(xiàng)過時(shí)又耗時(shí)的不太有人愿意做的事。我認(rèn)為從別人的工作中我們可以學(xué)到很多，并且我認(rèn)為編寫簡潔易懂的代碼比單純的交付工作更加重要。

我關(guān)注的是web，不單單是某個(gè)瀏覽器或者操作系統(tǒng)。這就意味著你需要提高你的代碼靈活性。靈活性意味著你的代碼可以在這里運(yùn)行，立刻運(yùn)行，并且在未來需要添加新功能的時(shí)候可以很方便的進(jìn)行擴(kuò)展。我認(rèn)為，經(jīng)過16年的web開發(fā)，我們應(yīng)該進(jìn)入一個(gè)新的階段，不要再把各種技術(shù)堆積在一起，并且不停地替換它們。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
Macbook Air，我經(jīng)常需要跑來跑去，因此不適合攜帶大型的硬件設(shè)備。

Q3. 你用什么編輯器或者IDE？
Sublime Text2，很棒。

Q4.你的日常生活中必不可少的軟件是什么？
Browser以及他們的開發(fā)工具，Git，an IRC client, Dropbox 以及 Spotify，我越來越多的使用線上的一些服務(wù)。

Ryan Grove

簡介：Ryan Grove 是SmugMug的一個(gè)魔法師，YUI 評閱員，曾經(jīng)是一家日本服裝目錄的少年模特。他喜歡pie，電影，老式帆船。

Ryan的 Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
最近我的大部分時(shí)間用于SmugMugde的客戶端JS組件以及新功能的開發(fā)。在課余時(shí)間，我寫了很多Node.js的代碼，偶爾也會(huì)寫寫Ruby。在SmugMug，我們的框架用的是YUI3，我也是YUI的核心評閱員，我為它貢獻(xiàn)了一些代碼，并且也審閱了其他提交者以及開發(fā)人員提交的一些代碼。

在一些特定的日子，我有時(shí)候會(huì)寫一些非開源的Smugmug代碼，有時(shí)是一些開源的代碼，或者是開源的YUI代碼。我們盡可能多的開源我們的JS代碼，其中有一些已經(jīng)添加到了YUI框架中。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我在家的時(shí)候用的是2.8GHz 四核 Mac Pro，配備16GB內(nèi)存和SSD。搭配30’’ 的HP ZR39w 顯示器，這樣看大圖以及視頻的時(shí)候效果超贊！當(dāng)我旅行的時(shí)候，攜帶的是13’’ 的Macbook Air（mid-2011, Core i7）。

我酷愛收集用于測試的移動(dòng)設(shè)備。每款iPhone和iPad至少都有一臺(tái)，多款A(yù)ndroid設(shè)備，一臺(tái)Windows phone以及一部Chromebook。

Q3. 你用什么編輯器或者IDE？
我用Sublime Text3來寫所有的東西。I want to marry it and have its kittens。

Q4.你的日常生活中必不可少的軟件是什么？
除了Sublime Text3之外，我的一些必備app包括JSHint，iTerm2，Adium，OS X messages，Tower，Dropbox and Rsync，Arq (for backup), Gmail, GitHub, 以及 Chrome。

SmugMug有很多遠(yuǎn)程工作者，所以我們利用Google Hangout開會(huì)以及進(jìn)行面對面的交流。IRC也是一個(gè)重要的溝通媒介。SmugMug有自己的IRC服務(wù)器，我利用Colloquy iOS app來獲取通知，當(dāng)有人提到我的名字或者發(fā)送給我信息時(shí)，即使我不再電腦旁邊我也可以收到消息提醒。

Charles, cURL, and the REST Console Chrome extension 在調(diào)試HTTP?...

草根站長需要配備哪些網(wǎng)站建設(shè)工具流量視頻課程

EC

做為一個(gè)草根站長，網(wǎng)站設(shè)計(jì)到網(wǎng)站維護(hù)都需要自己動(dòng)手，所以要配備一些常用的工具。下面分享一些比較常用的工具

wampserver是一個(gè)在Windows下的apache、php和mysql的服務(wù)器軟件。草根站長在前期不用購買域名和空間，就可以在本地搭建網(wǎng)站，先把網(wǎng)站模版做好，再去購買域名和空間。草根站長只能自己找模版或者自己做模版，所以這個(gè)工具很適合草根站長。

Editplus是一個(gè)功能強(qiáng)大的文本編輯器。在網(wǎng)頁設(shè)計(jì)的時(shí)，這個(gè)文本編輯器可以無限撤銷與重做，多個(gè)文件同時(shí)編輯，自動(dòng)換行，高亮顯示等等功能，這里就不一一列出。使用此文本編輯器做網(wǎng)頁設(shè)計(jì)，可以達(dá)到事半功倍的效果，所以Editplus是草根站長必備工具之一。

FlashFXP（FTP）是用于Internet上的控制文件的雙向傳輸。其實(shí)就是一個(gè)把網(wǎng)站程序文件上傳到服務(wù)器的工具。其實(shí)很多軟件都支持FTP，但是在上傳和下載還是沒有使用此軟件方便。所以這個(gè)也被收錄到站長工具中。

Adobe Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具?？梢越⒕W(wǎng)頁外觀，快速網(wǎng)頁更新等等功能，還可以不需要瀏覽器就能預(yù)覽網(wǎng)頁。此軟件功能，都能使得網(wǎng)頁編輯和網(wǎng)頁維護(hù)帶來大大的便利。

photoshop PS是一個(gè)圖像處理軟工具。可以進(jìn)行圖像優(yōu)化、動(dòng)畫制作、Web圖像處理、GIF動(dòng)畫制作等功能。在網(wǎng)頁設(shè)計(jì)時(shí)，會(huì)有些圖像需要處理和優(yōu)化，還有LOGO制作。所以這個(gè)軟件也是非常需要配備的。

開發(fā)人員常用的幾個(gè)工具網(wǎng)站介紹公司視頻課程

管博超

今天，小編就將自己在開發(fā)網(wǎng)站和其他應(yīng)用程序時(shí)常用的幾個(gè)工具網(wǎng)站給大家介紹下，希望能對大家有所借鑒和參考。

提高大家的生產(chǎn)效率。

一、站長之家－站長工具tools.chinaz

站長之家相信很多人都很熟悉，一個(gè)老牌的站長站。

站長之家－站長工具

通過這幾張截圖，大家可以看到工具還是相當(dāng)豐富的。既有域名查詢類的，也有seo相關(guān)類的，也有權(quán)重查詢類，還是一很多的輔助工具。

二、在線工具網(wǎng)tool.lu

這個(gè)工具也相當(dāng)豐富，有開發(fā)類、站長類、極客類等，大家可以看看。

三、阿里的iconfont

這是阿里媽媽MUX傾力打造的矢量圖標(biāo)管理、交流平臺(tái)。設(shè)計(jì)師將圖標(biāo)上傳到Iconfont平臺(tái)，用戶可以自定義下載多種格式的icon，平臺(tái)也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。

通過這個(gè)平臺(tái)，大家可以創(chuàng)建項(xiàng)目，根據(jù)我們的項(xiàng)目添加很多的矢量圖標(biāo)，然后下載引用到我們的項(xiàng)目中。非常好用。

今天就先介紹這三個(gè)，希望對大家有所幫助。如果你有好用的也可以與我們一起分享下。

網(wǎng)站建設(shè)需要學(xué)習(xí)什么軟件企業(yè)視頻課程

陶靜芙

在我們想要建個(gè)網(wǎng)站的時(shí)候，偶爾會(huì)問網(wǎng)站建設(shè)難不難呢?難的話，難點(diǎn)是什么地方，如果不難的話，自己可以搭建嗎，自己搭建的時(shí)候需要學(xué)習(xí)點(diǎn)什么知識(shí)，以下資料由卓趣科技quhr整理提供。

首先我們解答第一個(gè)問題，網(wǎng)站建設(shè)難不難?如果說站在專業(yè)的角度說的話，網(wǎng)站建設(shè)一點(diǎn)不難，但是隔行如隔山，如果說一個(gè)行外人想要搭建一個(gè)建設(shè)一個(gè)網(wǎng)站還是有點(diǎn)難的。對于一個(gè)行外人，網(wǎng)站建設(shè)的主要難點(diǎn)是各方面的，對于網(wǎng)站建設(shè)從大的選擇上可以有模板建站和自主開發(fā)，對于我們行外人就不去了解自主開發(fā)了，我們可以了解一下模板建站。

模板建站需要懂的知識(shí)有域名、空間、模板的安裝、圖片的替換、代碼的簡單修改、欄目的添加與刪除等。相對應(yīng)的我們要學(xué)習(xí)的知識(shí)有域名的備案與解析、空間的選擇、301的跳轉(zhuǎn)等。

模板的選擇方面，要根據(jù)我們的實(shí)際情況選擇適合我們的模板，如果安裝好模板，要根據(jù)所選的模板，替換相對應(yīng)的圖片，比如banner圖片、產(chǎn)品圖片、logo圖片等;文字方面的替換也要先找到相應(yīng)的靜態(tài)頁面，然后從靜態(tài)頁面中把所有的宣傳推廣語改換成自己的，另外如果所選擇的模板中有一定的案例的話，舊的案例圖片可以直接在網(wǎng)站的后臺(tái)中進(jìn)行替換，然后清除緩存后重新生成所有頁面。

所以說對于我們自己建設(shè)網(wǎng)站，如果有簡單的基礎(chǔ)的話，還是不難的，如果說沒有任何的基礎(chǔ)的話，那么就要去學(xué)習(xí)一定的基礎(chǔ)了，要學(xué)的有PS的應(yīng)用，因?yàn)橛械膱D片替換需要的圖片大小是不可以改變的，另外一個(gè)的話就要學(xué)習(xí)簡單的代碼基礎(chǔ)了，因?yàn)楹枚嗟胤降奶鎿Q都是需要從代碼里才能找到相應(yīng)的圖片的。

因此如果公司想要做個(gè)網(wǎng)站的話，最好還是找專業(yè)的網(wǎng)站建設(shè)公司比較好點(diǎn)，因?yàn)閷I(yè)的人做出來的東西才是專業(yè)的，這樣的話，我們再日后的優(yōu)化工作中也能及時(shí)的抓住重點(diǎn)，為公司帶來更多的客戶，自己的業(yè)績也能穩(wěn)步上升。

技術(shù)大牛都在用這些工具（前端篇）互聯(lián)網(wǎng)視頻課程

臺(tái)階