A. web前端開發工具有哪些
web前端開發工具主要是有css、html、java、js、jquery，這些入門操作都是非常簡單
1、學習css，這個css沒有包含css3，通常我們看到對於web前端工程師要求是要會使用css+div或css+html對界面進行布局，因此 css是輔助html來展示以及布局的，稱之為css樣式。上面說的css+div中的div就是html主要用在布局上的，div是核心要掌握的東 西。而且css是一定需要配合div進行使用，所以學css要熟悉掌握position、height、float、width，並對於界面的最大最小、能 使用百分百、margin、overflow、padding等。這些關繫到布局樣式的一定要能夠熟練掌握，實在不明白可以到杭州有碼互聯咨詢 下，有碼講師都是有超過三年以上的項目經歷。
2、html是web前端開發工具中最為基礎和最簡單的，在html中要掌握的有form table、span、p、div、ul li 、font這各類標簽。 尤其是table和div，table雖然也能布局使用，但是不方便，通常是用table和數據打交道的。而div是用來布局。
3、學習web前端開發的話要是能夠會些java、php等後台語言更是加分了。因為web前端的界面數據都是在後台那過來的，要是會後 台語言的話，就更節約時間，不僅知道如何於後台交互數據是最好的，也知道怎麼寫前端的代碼會更加規范。就不會出現寫法和後 端的數據不匹配，要重現編寫的尷尬現象了。
4、掌握js，也許前面提到的大家都覺得還可以。但一說到JS就暈了吧？事實上js的入門非常的簡單，只要能夠會根據某個name、 或id拿到網頁的樣式、值和dom。以及會給某些name或id的元素標簽賦值、追html、追加數據，在按照邏輯推斷。至於效果無疑就 是彈框、跳轉、隱藏等。再把這些結合到其他的，代碼其實就一點也不不會難了。學會了基礎的js之後，其他的方面結合學習資料 多看多用基本上是沒問題的。
5、學習jquery.jquery是把js封裝了一套的一個js插件。最終就是希望代碼簡化、操作更方便。Jquery入門也不難，它需要學的和 js一樣，不同的是換成了jq的代碼。其他結合別的學習資料就可以了。
6、最後是學習css3+html5了，這個目前是最流行的了，如果是搞後端的話，在工作裡面也不怎麼會用到，一般是在網站中出現問 題了，那就需要用到css3+html5去修改一下。
B. 前端用哪些常見的開發工具
Web前端是一個新興職業，市場需求大，薪資待遇高，吸引了很多人加入學習。無論是初學小白亦或是自身前端開發人員，好用的軟體工具可以幫助他們更好的工作。今天優就業給大家分享一下Web前端開發用什麼軟體。
1、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML(標准通用標記語言下的一個應用)編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。 訪問代碼提示，即可快速了解 HTML、CSS 和其他Web 標准。使用視覺輔助功能減少錯誤並提高網站開發速度。
3、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
4、HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放注冊以來深受廣大前端朋友們的喜愛。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
想知道「Web前端開發用什麼軟體」，通過網上搜索你可以發現很多，而能否很好的藉助這些軟體完成項目，關鍵還要看你的技術。
C. 幾個免費的web前端開發工具
常用的web前端開發工具web前端開發工具有哪些： 1、Bootstrap Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。 2、Foundation Foundation 是一個易用、強大而且靈活的框架，用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。 3、Cloud9 IDE Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器，支持為 JS，HTML，CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器，可以在IDE 中啟動、暫停和停止。 4、Notepad++ Notepad++ 是一款非常有特色的編輯器，是開源軟
D. web前端開發需要哪些工具
Web前端是一個新興職業，市場需求大，薪資待遇高，吸引了很多人加入學習。無論是初學小白亦或是自身前端開發人員，好用的軟體工具可以幫助他們更好的工作。今天千鋒武漢給大家分享一下Web前端開發用什麼軟體。
1、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML(標准通用標記語言下的一個應用)編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。 訪問代碼提示，即可快速了解 HTML、CSS 和其他Web標准。使用視覺輔助功能減少錯誤並提高網站開發速度。
3、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
4、HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放注冊以來深受廣大前端朋友們的喜愛。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
想知道「Web前端開發用什麼軟體」，通過網上搜索你可以發現很多，而能否很好的藉助這些軟體完成項目，關鍵還要看你的技術。千鋒武漢網站上有以上這些工具的安裝包，需要的小夥伴自己去下載吧。
E. 前端測試工具有哪些 ja
javaScript 是一款強大的廣泛運用於現代Web站點及應用的腳本語言。作為一個技藝精湛的 Web 開發者，尤其是前端開發工程師，掌握JavaScript可以增強用戶的使用體驗，提供交互及富客戶端等功能。
盡管JavaScript 的語法非常簡單，但對於寫程序而言仍然是困難重重，就是因為它的運行環境：基於Web瀏覽器。
以下您可以看到收集的8個實用的 JavaScript 測試及效驗工具，它們都可以在不同環境下進行單元測試及校驗測試您的腳本。
JSLint
JSLint是基於Web的驗證JavaScript錯誤代碼的工具。它擁有的功能及特定的設置來使用您的需求，自定義你的驗證演算法。
JsUnit
JsUnit是一款在客戶端(在瀏覽時)的單元測試JavaScript框架。對JavaScript而言，JUnit就像是它的一個埠。當然它也可以在多 個瀏覽器、多個機器的不同操作系統中自動運行。它的發展始於2001年1月。
J3Unit
J3Unit是一個面向對象的JavaScript單元測試框架。J3Unit在網頁瀏覽器中直接運行JavaScript的測試，也可以自動運行 JUnit 和 Jetty。J3Unit是建立在JUint和Script.aculo.us的基礎之上來更好地實現自動運行JavaScript 單元測試。面向對象的JavaScript單元測試是由Script.aculo.us的Test.Unit.Runner對象編寫的，基於 prototype JavaScript庫。
Crosscheck
Crosscheck是一款開源的校驗瀏覽器中的JavaScript測試框架。它可以幫助您在不同的瀏覽器中，諸如：Internet Explorer、Firefox等，而不需要一 一安裝他們來確認您的代碼是否正確。您唯一需要的是必須要有Java虛擬機環境。
YUI Test
YUI測試是一款基於瀏覽器，提供解決方案的測試框架。使用YUI，您可以方便地添加單元測試，尋求JavaScript解決方案。它是由 Yahoo! UI Library開發的一個JavaScriptMVC測試插件，能夠讓你模範大部分DOM動作，比如寫，拖拽，比如模範AJAX響應，並且能夠使用斷言 (assertions)。它能夠象函數一樣運行，並且能夠在不同的console窗口進行集成測試。雖然它不是在任何 xUnit 框架基礎上開發而來，但YUI Test仍然有很多nUnit 和 JUnit的所具有的特性。（ While not a direct port from any specific xUnit framework, YUI Test does derive some characteristics from nUnit and JUnit. 這段翻譯得不好，但相信大致意思是對的）。
Regular Expression Tool
Regular Expression Tool（正則表達式工具）是一款在線工具，用來測試您的正則表達式代碼是否正確。當您想快速測試各種文本例子的正則表達式時非常得心應手。
JSLitmus
JSLitmus是款輕量級的工具，用來測試JavaScript執行性能情況，採用直觀的API。
JavaScript Regular Expression Tester
這塊便利的應用程序是在瀏覽器中使用JavaScript來測試JavaScript正則表達式的。操作界面跟其他正則表達式測試工具無異，不同的 是，它測試的是JavaScript正則表達式在JavaScript中的性能情況。
F. 前端開發常用哪些工具軟體
下面我介紹五款比較常用的前端開發工具，具體哪一款最好用，因人而異，大家可以根據自己的情況，選擇一款個人認為最好用的web前端開發工具。
1、Sublime Text
Sublime Text憑借其漂亮的用戶界面和極其強大的功能，被譽為「神級」代碼開發工具。
2、StackBlitz
據Chime Nnamdi所說，這是所有用戶最喜歡的在線集成開發環境工具（IDE）。主要原因在於其將用戶最喜愛和最常用的集成開發環境——Visual Studio代碼帶到了網路上。
3、Visual Studio
Microsoft Visual Studio，簡稱VS，是微軟公司的開發工具包系列產品，是目前最流行的Windows平台應用程序的集成開發環境(IDE)。
4、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
5.CanIUse
該在線工具非常方便，它可以讓用戶知道當前實現的功能是否與期望對接的瀏覽器兼容。
G. Web前端開發需要哪些工具
前端開發中需要掌握最基礎的技能就是HTML、CSS，JavaScript。前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互，在進行開發前，需要對這些概念弄清楚，才能進行合理的開發。
在網頁建設的過程中，為了避免代碼的繁瑣雜亂，更高效快速地完成任務，就會使用到一些有代碼高亮提示和語法提示等便捷功能的前端開發工具。
1，Dreamweaver：中文名「夢想編織者」。是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。它可以使用所見即所得的介面，亦有HTML編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。訪問代碼提示，即可快速了解 HTML、CSS 和其他Web 標准。 使用視覺輔助功能減少錯誤並提高網站開發速度。
2，Sublime：Sublime Text 是一個代碼編輯器，也是HTML和散文先進的文本編輯器。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。
3，HBuilder：是DCloud,推出的一款支持HTML5的Web開發IDE。 HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。
有了工具，接下來還得靠我們人來操作。你必須熟悉三種語言，把這些概念弄明白，才能開發出好的作品。
H. 前端開發工具有哪些
我現在用的編輯器就是webstorm+Hbuilder還是比較好用的
I. web前端開發常用工具有哪些
Web前端是為了協調前端設計與後端開發之間工作的崗位，是最接近產品和設計的工程師，起到銜接產品和技術的作用，前端為用戶可以看到的部分負責，所以也是最接近用戶的工程師。
Web前端開發基礎技能：HTML、CSS、JavaScript
前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單，但這裡面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。
Web前端開發必知標准：http標准、W3C標准、ECMAScript標准
瀏覽器要從服務端獲取網頁，網頁也可能將信息再提交給伺服器，這其中都有http的連接。W3C標准不是某一個標准，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。JS是在ES的基礎上，為Web瀏覽器做了一部分封裝（增加了DOM操作、BOM操作等）。
Web前端開發加薪技能：jQuery、Ajax、React
jQuery一定是大部分Web前端開發者不可或缺的工具，對jQuery的學習不能停留在只使用它的API和插件上，還要會自己去寫jQuery插件、會讀jQuery源碼、了解jQuery的設計思路。
Ajax是一種用於創建快速動態網頁的技術，通過在後台與伺服器進行少量數據交換，Ajax可以在無需重新載入整個網頁的情況下，更新部分網頁的技術。
React主要用於構建UI，你可以在React里傳遞多種類型的參數，如聲明代碼，幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可交互的應用組件。
除了要掌握技術層面的知識，Web前端工程師還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等等。想快速掌握Web前端所需的技能點，參加學習班是明智的。
J. 前端自動化工具有哪些
隨著前端開發技術的不斷發展，前端開發工作也變得越來越復雜，如果能合理地採用一些自動化的工具，生活要容易得多。
LiveReload
我目前的開發主力機是一台較早的 13寸 Macbook Pro，外加一台戴爾的顯示器。相信做前端開發的都知道，這多出來的一台顯示器對工作效率的提升有多大。
LiveReload 技術+兩塊顯示屏可以幫你省去重復刷新瀏覽器這一枯燥的工作。目前實現 LiveReload 的方式很多，如果你傾向於圖形化的桌面應用，可以嘗試一下 LiveReload.app, 地址是：https://github.com/livereload/LiveReload， 這款應用同時有 Mac 版和 Windows 版，使用起來也很簡單，通過圖形界面設置好需要監聽文件所在的文件夾，然後將一段腳本插入到 HTML 頁面即可。
現在做前端開發，通常還會涉及到預處理器，雖然技術的多樣化給我們帶來了更多選擇，但要這些技術產生的代碼在瀏覽器中獲得一致的表現，還得將其轉化為瀏覽器支持的類型。
Webpack 是一款模塊載入兼打包工具，豐富的插件讓這款工具非常實用。雖然現在 Grunt 和 Gulp 作為兩款前端自動化工具非常流行，但其實 Webpack結合Npm腳本在大多數場合就已經足夠了。
django-webpack-loader
如果你在使用 Django ，django-webpack-loader是一款你不可錯過的 Webpack 插件。
我們都知道瀏覽器緩存對頁面載入速度的重要性， 同時我們也希望當資源文件發生變化時，頁面能立刻向用戶呈現變化。
通常的做法是將資源文件的 hash 值作為資源地址的一部分，比如main-cf4b5fab6e00a404e0c7.js， Webpack雖然支持這種命名方式，在配置文件中按如下方式設置即可。
其他推薦
WeFlow
CodeKit