WEB前端開發工程師 F2E 必備工具軟體資源

2021-05-10 13:20:19 字數 4414 閱讀 9028

web,

工程師,

軟體,

資源,

工具為一名專職的web前端開發

工程師(f2e),在開發過程中要用到的工具

軟體可能會很多,下面,dhtml精英俱樂部就為大家講述一下web前端開發工程師(f2e)必備的工具軟體應該有哪些!編寫web前端**,最低配備:notepad(windows系統中自帶的那個),推薦:notepad++,具有**高亮,多標籤,ftp plugin等方便的輔助功能!

螢幕取色,推薦color cop,小巧方便

螢幕標尺,推薦jruler,建議使用黃色ver1.4版

看圖軟體acdsee,或其他自己用的習慣的就好

處理軟體,推薦photoshop,版本在7或以上

在做web前端開發的過程中,一定會事半功倍的!

see also:

20個讓web developer開發生涯更加輕鬆的工具源文:http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/

簡譯:puterjam

建立html表單的工具,能在瞬間建立很美觀的表單,並輸出html**

無所不能的firebug,不多介紹了

html 實體 查詢工具

960 是個神奇的數字,960 是橫向尺寸,960 網格系統是能夠讓設計師快速建立網頁原型的輔助系統。可以比喻成網頁的**分割線

em換算器~ ,可以把畫素換算成 em 單位。

多瀏覽器截圖工具,可以提供多個平台,不同瀏覽器的頁面截圖效果

還在為找圖示發愁麼,乙個不錯的搜尋工具。

當你裡看到乙個好看的文字而不知道字型名稱時,可以用它來幫你分析字型型別

firefox外掛程式,可以在頁面上顯示乙個尺子

同樣是firefox外掛程式,可以在頁面上取色,前端開發必備

test everything 提供了很多測試工具來測試你的站點。從css html 到seo ,從網路工具到優化應有盡有。

樣式精靈,這類工具很多了,就是把分割並且輸出成css

也是乙個非常強大的web開發工具。

網域名稱查詢工具,很方面查詢網域名稱的使用情況,並且給出未註冊網域名稱的建議。(需要翻牆)

優化工具,能夠優化你的尺寸

相關開發工具,來自klauskomenda.com

關於瀏覽器多版本並存問題

瀏覽器模擬工具

一些軟體mac

microformats

cheat sheet

另乙份

一些參考資料

web前端工程師必備知識 TCP IP

分層名稱 功能概述 常見協議 應用層 針對特定應用的協議 ftp,dns,http,smtp等 表示層負責資料格式的轉換 不用協議 會話層負責建立和斷開通訊連線 不用協議 傳輸層 負責可靠的資料傳輸 tcp,udp等 網路層 負責將資料傳輸到目標位址 ip,arp,rarp等 資料鏈路層 負責物理層...

前端工程師必備之 LESS

一 為什麼要用less?作為前端學習者的我們 或多或少都要學些 css 它作為前端開發的三大基石之一,時刻引領著 web 的發展潮嚮。而 css 作為一門標記性語言,可能 給初學者第一印象 就是簡單易懂,毫無邏輯,不像程式設計該有的樣子。在語法更新時,每當新屬性提出,瀏覽器的相容又會馬上變成絆腳石,...

前端工程師必備之 typescript

型別名 anylet name string bob let age number 37 首先我們看看數字列舉,如果你使用過其它程式語言應該會很熟悉。enum direction如上,我們定義了乙個數字列舉,up使用初始化為1。其餘的成員會從1開始自動增長。換句話說,direction.up的值為1...