免費學習前端軟體

㈠ 現在前端一般用什麼軟體

1、Adobe Dreamweaver CS6
Dreamweaver CS6是世界頂級軟體廠商Adobe推出的一套擁有可視化編輯界面，用於製作並編輯網站和移動應用程序的網頁設計軟體。由於Dreamweaver支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，對於初級人員，你可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用於Web開發高級人員的創作！
2、Adobe Edge
Adobe Edge是一個用HTML5、CSS、Java開發動態互動內容的設計工具。它的一個重要功能是web工具包界面，用於方便確保在不同瀏覽器中架構的一致性，此外，Adobe Edge還將整合TypeKit這樣的字體服務。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
3、DevExtreme
DevExtreme Complete Subion是性能最優的HTML5,CSS和Java移動開發框架，可以直接在Visual Studio集成開發環境，構建iOS，Android，Tizen和Windows Phone 8應用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，並且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發環境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平台，是Visual Studio開發人員開發跨平台移動產品的首選工具。
4、JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JS開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaS IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
5、Sencha Architect
在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用，並實時預覽。
6、Initializr
Initializr 是製作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定製的網頁模板。
7、HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。

8、HTML5 Tracker
想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧，它可以跟蹤 HTML5 最新修訂信息。
9、HTML5 visual cheat sheet
想要快速超找一個標簽或者屬性嗎？看看這個非常酷的速查手冊吧，每個Web開發人員的必備。
10、Switch To HTML5
Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目，可以到這里獲取免費的 HTML5 網站模板。
11、HTML5 Test
你瀏覽器准備好迎接 HTML5 革命了嗎？HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。
12、Lime JS
LimeJS 是一個 HTML5 游戲開發框架，用於快速構建運行於觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具，一定要用用試試。
以上就是向大家推薦12款優秀的HTML5開發工具。希望能幫到大家。

㈡ 學習web前端都需要會什麼軟體

WEB前端最基本的就是要掌握學HTML、CSS和DIV+CSS，像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等，更是前端開發必學的高級技術;HTML5地理位置應用、離線應用、Webworker多線程實現、Websocket、跨平台開發技術和WebAPP開發等，這些企業級應用技術也是現在開發的主流；現在前端開發最熱門、要人最多，就是使用canvas開發網頁游戲動畫，以及會用 Cocos2d-js製作游戲等開發。
學習HTML、CSS和DIV+CSS技術用來製作Web頁面;學習Java、DOM、BOM等用建立開發基礎;學習 photoshop和Axure等軟體應用，完成頁面UI設計;也要認識一下NodeJS和PHP加上資料庫等這樣的後端語言，方便前後端開發配合;學習 HTML5、CSS3、響應式頁面布局、微網站製作等開發移動互聯網的應用。
Web前端工程師要完成客戶端程序（即瀏覽器端）的開發，開發JavaScript和Flash模塊，結合後台開發技術模擬整體效果，富InternetWeb開發，致力於通過技術提升用戶體驗。對Web2．0、HTML＋CSS和瀏覽器兼容性有深刻的理解。了解其他IT編程語言，如PHP、Java、．net和vue。

㈢ web前端用哪個軟體比較好

推薦一些Web前端開發常用工具。

6、Bit.dev

軟體開發的一項基本原則是代碼可重用性。這可以減少你的開發工作，因為你無需從頭開始構建每個組件。這正是 Bit.dev 所做的。它使你可以共享可重用的代碼組件和代碼片段，從而減少開銷並加快開發流程。它還允許在團隊之間共享組件，這使你的團隊可以與其他團隊更好地協作。

7、StackBlitz

StackBlitz是所有用戶最喜歡的在線 IDE 工具。主要原因是它將我們最喜歡和最常用的 IDE——也就是 Visual Studio Code，引入了 Web 端。StackBlitz 允許你一鍵設置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript 框架。一鍵設置這個功能意味著開發者可以在極短的時間內開始編碼。有了StackBlitz，你只需不到幾分鍾的時間就可以試用新的 NPM 軟體包，而無需從頭開始在本地創建項目。

㈣ 幾個免費的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++ 是一款非常有特色的編輯器，是開源軟

㈤ 前端開發常用又好用的幾個軟體

正所謂「工欲善其事必先利其器」，一名合格的Web前端開發工程師自然會用到不少能使其工作高效的工具。下面，就給大家分享Web前端學習需要了解的十款HTML5開發工具。

1、Lungo

Lungo是一款基於HTML5的開發框架，專為想要設計、構建和共享跨設備應用的開發者而准備。支持開放的Web標准，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設備。擁有強大的JavaScript API：開發WebAPP應用有很多種方式，而不是一味的優化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的WebAPP應用程序。

2、Animatron

Animatron是一款簡單而又強大的在線工具，通過它，你可以創建出令人驚嘆的的HTML5動畫和互動內容。使用非常直觀的Animatron編輯器去設計和發布完美的移動產品，同時也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設備，無需編碼，所見即所得。

9、Eclipse

Eclipse的本身只是一個框架平台，但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟體很難具有的靈活性。許多軟體開發商以Eclipse為框架開發自己的IDE。Eclipse最初是由IBM公司開發的替代商業軟體Visual Age for Java的下一代ide開發環境，2001年11月貢獻給開源社區，現在它由非營利軟體供應商聯盟Eclipse基金會（Eclipse Foundation）管理。

10、DevExtreme

DevExtreme是專為你的移動世界精心准備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。

以上就是為大家分享的十款HTML5開發必備的工具，相信這些工具一定會讓你幫你在從事Web前端開發過程中提高效率，打開一扇新的大門。

㈥ web前端開發常用又好用的幾個軟體

前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。Web前端的學習起來相對簡單，未來的發展前景也是非常不錯的。

web全棧工程師5.0課程包括：

①計算機基礎以及PS基礎

②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）

③移動開發

④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）

⑤小程序開發

⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）

⑦就業拓展（網站SEO與前端安全技術）

互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。

想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。

祝你學有所成，望採納。

㈦ 前端開發用什麼軟體

一：HBuilder
HBuilder工具是數字天堂推出的一款前端開發工具，支持一些html和js等開發，主要編寫一些c和web等語言，HBuilder最大的優勢就是速度比較快，強大的代碼提示和代碼輸入，大大增加了開發者的開發效率。
二：Sublime Text
Sublime Text是一款代碼編輯器，擁有漂亮的用戶頁面和實用功能，以及多功能插件，還可以自定義鍵綁定，Sublime Text的功能有很多，其中就包括多選擇和多窗口和python api等功能，為開發者提供了開發方便。
三：PS
PS是對Dobe Photoshop的簡稱，主要用於對圖像進行處理和修改，ps在圖像和以及視頻和文字方便都有涉及。
四：Dreamweaver
Dreamweaver是一款網頁代碼編輯器，並且利用一些前端代碼對網頁進行快速的開發，並且通過智能搜索引擎對網頁進行訪問，開發者利用視覺來減少出現的錯誤。
五：WebStorm
WebStorm是js開發工具，在國內，很多人都稱為web前端開發神器，受到了好多開發者的一致好評，WebStorm軟體功能十分強大，並且WebStorm界面比較清晰，人性化設計，使用起來也是很方便的。
六：phpstudy
phpstudy一款集成開發環境，用戶只需下載安裝，無需配置環境，其中還包括了開發環境和開發手冊，無論是新手還是老手，選擇phpstudy都是一個不錯的選擇。

㈧ 現在比較好用的前端開發工具有哪些啊

1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。

6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。

㈨ 學web前端開發需要用哪些軟體

web前端開發除了PS、DW之外，還有一些常用的前端開發工具，以下僅列出前端工程師常用的兩款：
1、WebStorm：WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
個人經驗：WebStorm優點是代碼提示、高亮等等，支持很多框架。非常適合項目開發。缺點是啟動稍慢。
2、Sublime Text3：Sublime Text 是一個代碼編輯器，也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。
個人經驗：Sublime Text3通過安裝不同的插件可以完美支持各種語言。相對於webstrom，它的啟動速度非常快，常用於修改單個文件的錯誤或者調試。

㈩ 自己是學java的，現在想寫前端代碼的話用哪個軟體比較好

1、Notepad++
這個軟體就不多說了，記事本的增強版，主要應用在Windows平台下，大部分人都應該使用過，非常輕巧靈活，運行速度快，支持多窗口切換，可編輯語言也非常多，自動補全、語法提示和檢查等功能都不錯，對於前端開發入門來說，可以作為一個不錯的選擇：
2、VS Code
這個搞Web前端開發的人大部分都應該使用過，微軟開發的一個輕量級代碼編輯器，開源、免費、跨平台，插件擴展豐富，生態環境良好，支持常見的語法提示、智能補全、代碼高亮、Git等功能，運行速度快，佔用內存少，開發效率高，在前端網頁開發中，經常會使用到這個軟體，非常靈活方便。
3、Sublime Text
這也是一個非常不錯的代碼編輯器，原則是不免費的，但有對應注冊碼，所以對使用影響不大，基本功能和VS Code差不多，語法提示、自動補全、插件擴展等功能都不錯，界面簡潔、輕便靈活，運行速度也非常快，唯一不足就是配置上不是很方便，而且也存在一定版本兼容問題，但對於前端網頁開發來說，也是一個不錯的選擇。
4、HBuilder
這是國產的一個免費Web前端開發軟體，界面干凈、柔綠護眼、輕巧靈活，運行速度快，語法提示、文字處理功能強大，優先支持Markdown功能，除此之外，還自帶有雲端打包功能，可以將前端開發的網頁打包為手機APP，使用起來非常方便。
5、WebStorm
這是前端開發中一個比較專業的軟體，相比較其他軟體來說，體積比較大，功能也更復雜，常見的代碼高亮、智能補全、Git等功能，這個軟體都能很好的支持，除此之外，還支持代碼調試、重構等功能，在項目管理、團隊協作開發中經常會用到，因此，是一個非常不錯的前端軟體。
目前就分享這5個Web前端網頁編程軟體吧。對於零基礎入門來說，完全夠用了。當然，你也可以使用其他編程軟體，像Atom，Editplus等，也都可以，選擇適合自己的一種就行。