使用cloud9學習php,cloud9

本文目錄一覽：

• 1、對於前端開發我們需要什麼樣的工具？
• 2、常用的前端開發工具？開發過什麼應用或組件？
• 3、web前端開發工具有哪些
• 4、web前端開發常用又好用的幾個軟體
• 5、前端開發常用又好用的幾個軟體
• 6、web前端開發人員一般用什麼開發軟體？

對於前端開發我們需要什麼樣的工具？

作為一個前端開發工程師，使用一款自己上手且功能強大的開發工具是非常重要的，但是面對這麼多開發工具，到底哪個比較好呢？下面我個人推薦幾款自己感覺還不錯的前端開發工具，希望作為大家的參考。

1、hbuilder

作為一個編程的菜鳥，對於英語真的是有心無力，尤其是一些國外的開發工具都是英文界面，我就非常的不喜歡。hbuilder是國產的一款前端開發工具而且是免費的，對於英語不好的前端工程師是一個不錯的消息。hbuilder的官方大致是這麼解釋為什麼要開發hbuilder的：HTML最開始其實不是一個編程語言，確實用不著什麼ide。但是發展到現在，7w多個語法，js越來越龐大，真開發一個達到原生水準的App，不是用以前的文本編輯器能搞定的。

目前竟然沒有一個開發工具能把7w多HTML5語法提示齊全，這不科學，在原生開發里這是不可想像的，xcode之於iOS，eclipse之於Android，vs之於winphone，在語法提示、轉到定義、重構、調試等方面都非常高效。作為同時熟悉原生和HTML5開發的我們，我們在開發HTML5時明顯感受到效率低下。於是有了hubuilder。確實是hubuilder支持左右的前端語法代碼提示，這個是我最喜歡的它的一個原因，而且還有強大的其他語言支持和開發webapp等功能，強大到沒朋友。缺點也是有一些的，就是其有些穩定，有時可能會有些卡頓的現象，希望官方修復。

2、sublime text

sublime text是一個輕量級的編輯器，也是支持各種編程語言，sublime text所有的強大功能都是支持插件的，而且快捷鍵十分的好用，可以極大的減少開發的勞動程度，使用sublime就是要使用其快捷鍵和插件。該軟體的優點的輕量級但是功能強大，缺點是對於項目的管理等不是很方便，代碼提示不如hubuilder強大。

3、dreamwave

這是一款很經典的前端開發工具了，以前人們使用的是它的可視化開發工具，但是現在它只能是作為一個代碼編輯器來使用的，當然一些可視化的功能現在也是用的上，如要插入Flash視頻等還是使用可視化簡單一些，畢竟不是所有人都能純手寫哪些意義不大的代碼，優點是人們熟悉穩定，支持一些可視化的插入操作，缺點是代碼提示不好，不能進行快速的開發只能是作為學習使用。

總結：以上只是前端開發工具中個人比較熟悉的，除此之外還有很多優秀的前端開發工具如webstorm等，大家可根據自己的喜好選擇自己習慣的工具進行開發。

常用的前端開發工具？開發過什麼應用或組件？

使用率較高的框架有jQuery、AngularJs, ReactJs, YUI、Prototype、Dojo、Ext.js、Mootools等。尤其是jQuery，超過91%。

輕量級框架有Modernizr、underscore.js、backbone.js、Raphael.js等。（理解這些框架的功能、性能、設計原理）

前端開發工具：WebStorm, Hbuilder, Sublime Text 、Eclipse、Notepad、Firebug、HttpWatch、Yslow。

開發過的插件：城市選擇插件，汽車型號選擇插件、幻燈片插件。彈出層。（寫過開源程序，載入器，js引擎更好） （BY三人行慕課）

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去修改一下。

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

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

1.Dreamweaver

Dreamweaver是非常老的前端開發工具了，功能強大還支持可視化開發，不需要懂代碼就能製作出簡單的前端頁面，深受很多開發者的歡迎。但其缺點就是消耗的資源過大，軟體啟動和運行都會導致電腦運行變慢。

2.sublime text

sublime text是一款超級輕量級的開發工具，輕量級就代表它運行速度打開速度都超級快，並且還支持配置插件來構建不同的開發環境，還為開發者配置了很多的快捷鍵，使用習慣之後你就會離不開它。

3.Hbuilde

Hbuilder是近幾年才開始火起來的前端開發工具，開發界面十分簡潔，顯示風格也很適宜，會讓開發者有一種很舒服的感覺，同樣也是輕量級的開發工具打開和運行速度都非常快。

4.Editplus

Editplus是一款超級好用的編輯器，它不僅僅支持前端語言開發，C語言、Java語言等等語言都可以使用Editplus開發，並且軟體本身只有幾M左右，十分小巧。缺點就是沒有編程的提示功能，對初學者不是很友好。

想要了解更多有關web前端的相關信息，推薦諮詢千鋒教育。千鋒教育成立教研學科中心，推出貼近企業需求的線下技能培訓課程。採用全程面授高品質、高體驗培養模式，學科大綱緊跟企業需求，擁有國內一體化教學管理及學員服務，在職業教育發展道路上不斷探索前行。

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

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

1、Lungo

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

2、Animatron

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

3、DCloudHBuilder

DCloudHBuilder：基於HTML5開發工具是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛，DCloud 還提供雲端打包服務，可以讓開發者直接在雲端生成 .ipa 或 .apk 安裝包供部署調試。

4、mobl

mobl 是一個新的開源的編程語言，主要用於加速手機應用的開發，mobl 可方便構建手機 Web 應用程序，包括 iOS、Android 和其他支持 HTML5 技術的手機。Mobl使用一種與JavaScript非常類似的腳本語言實現了靜態類型的推斷語言。該語言擁有以下頂級結構： 實體（entities）、類型（types）、函數（functions）、控制項（controls）、屏幕（screens）、樣式（styles ）和設備（services）。實體是在本地存儲中持久化的數據元素，而類型是一種供我們使用的不穩定的數據。函數與那些定義在JavaScript以及能夠調用JavaScript代碼的語言中的函數類似等。

5、Initializr

Initializr 是製作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定製的網頁模板。

6、WebStorm

WebStorm是一款強大的HTML5/JavaScriptWeb前端開發工具，被廣大JS開發者譽為「Web前端開發神器」。

WebStorm 8全新特性中包括對AngularJS的支持，能夠高效準確地智能感知Angular語法、指令。WebStorm還完美支持Spy-js，合併了這款JavaScript調試利器，大大提高了開發者們的工作效率。

7、Notepad++

Notepad++程序員必備的文本編輯器，軟體小巧高效，支持27種編程語言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推薦各位下載使用。Notepad++ 可完美地取代微軟的記事本。

8、Dreamweaver

Dreamweaver 是世界頂級軟體廠商Adobe推出的一套擁有可視化編輯界面，用於製作並編輯網站和移動應用程序的網頁設計軟體。由於它支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，對於初級人員，你可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用於Web開發高級人員的創作！

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前端開發人員一般用什麼開發軟體？

初學者最好是用 Sublime 如果你不用框架的話，如果你用框架寫項目的話 最好是使用VS Code或者Webstorm兩者的區別就在於 Webstorm會有一個驗證碼過期的情況，過期以後需要自己百度一個激活碼就能繼續用了，VS code的界面和 Webstorm界面不一樣，也是可以自己調節背景色的，如果你需要將代碼寫到手機或者電子主板上的話就要使用Android Studio,至於微軟的編輯器Visual Studio Code 呵呵呵，看自己的情況決定吧，還有幾個很小的軟體 DW 和一個Notepad++ ，要將WEB代碼打包成APP的話 那就要使用 HBuilder