今天來和大家講講web前端開發需要學習什麼?前端開發又需要用到哪些開發工具?然後也簡單的和大家介紹下前端開發的前景和薪水工資情況，下面就簡單和大家介紹一下。
web前端的職能
web前端工程師其實在不同的公司，有不同的職能，但是稱呼都是類似的。
1.做網站設計、網頁界面開發
2.做網頁界面開發
3.做網頁界面開發、前臺數據綁定和前臺邏輯的處理（我是屬於這種的）
4.設計、開發、數據
web前端需掌握的核心技術
1、學習html。
這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標籤,這些都是最常用的,特別是div和table,div用於佈局、table也可以用於佈局,但是不靈活,基本table是用來和數據打交道.
2、學習css。
這裏說的css不包括css3,一般我們看到web前端開發工程師的要求裏面,有一個會使用css+html 或者 css+div 來進行界面佈局,所以css是用於輔助html來佈局和展示的,我們稱之爲“css樣式”,爲什麼會說css+div呢？因爲我上面說了div就是html主要用於佈局的東西,所以div就是核心掌握的東西！那麼css肯定必須要配合div來使用纔好.css要熟練掌握float、position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟佈局有關係的樣式,一點要掌握.
3、學習js。
可能前兩個大家覺得還過的去,看到js就蛋疼了,其實吧,js入門很簡單的,不需要會很多東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標籤賦值、或者追加數據、追html,這個是跟數據有關係的操作,然後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,代碼一點都不難,會了這些基礎js,其他的直接百度就好了.然後看多了,用多了,就什麼都不是問題了.
4、學習jquery。
jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣百度就夠了.
5、最好會點後臺語言。
比如java、php,爲什麼呢？因爲我們前臺界面的數據都是從後臺來的,如果會點後臺代碼,就知道怎麼跟後臺交互數據是最好的,這樣節約時間,也可以讓前端代碼更規範.不然可能因爲你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更蛋疼了.
6、學習css3+html5。
爲什麼這個放最後呢？哈哈,因爲我自己也不太會,畢竟術業有專攻嘛,雖然這個很流行,但是我是搞後端的,在工作中用不到它,只有在自己網站需要改樣式,或者朋友網站樣式出問題的時候,我纔會去臨時去研究下.但是如果你們是準備專門搞前端,那麼最好還是學一下的.一個人學習會有迷茫，動力不足。這裏推薦一下我的前端學習交流qun：六零三，九八五，九九三，裏面都是學習前端的，如果你想製作酷炫的網頁，想學習編程。自己整理了一份最全面前端學習資料，從最基礎的HTML+CSS+JS【炫酷特效，遊戲，插件封裝，設計模式】到移動端HTML5的項目實戰的學習資料都有整理，送給每一位前端小夥伴，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入學習。
上面6點，基本是一個搞web前端開發工程師需要掌握的技術,然後我也儘量的把自己的一點點經驗告訴了大家,但是大家不要以爲上面6點就只有我說的那麼容易,不,他們之所以被人使用,之所以這麼火,就是因爲強大！我說的這麼簡單僅僅是打消你們覺得很難的原因,萬事開頭難,我講的都是入門的方法和技巧以及需要知道的東西.另外告訴大家一個祕密,不要以爲代碼很難敲,現在什麼語言都有自動提示代碼的功能,只需要輸入一個字符,兩個字符,後面的代碼都會彈出來讓你選擇！還怕啥呢？所以你也不要怕你英語不好了。
web前端薪資待遇
這個是個敏感的話題,我是在上海這邊,2年工作經驗的web前端開發工資差不多10K15K,如果你會些後臺技術,並且前端技術很牛逼的話,到20K也是可能的.這個工資的多少主要取決於你的技術情況,所以工資也不一定的.但是北上廣的一個web前端工程師的市場價差不多就是這樣,如果是二線省會城市,可能就是8K10K,也是不錯的.我們搞技術這個行業,工資的多少取決於你技術的好壞。
web前端必備開發工具
最常用的就是dreamweaver,推薦大家使用dreamweaver cs6,cs6之前的貌似問題挺多的,cs6目前是功能最強大,問題最少的了,dw有一個比較方便的就是可視化編程,可以邊看效果邊敲代碼,還有自動提示代碼的功能。
還有就是ediplus,這個其實就相當於一個字體有顏色的記事本,我就是用這個,因爲我感覺dw佔用內存太多了,搞的電腦卡,所以我直接用ediplus寫代碼,至於這個有沒有代碼自動提示功能我就不知道了,大家可以百度下是否有相關插件.還有就是eclipse可以寫java、php還有上面的各種代碼！Zend Studio 是專門寫php的,但是上面這2種工具比較專業,是我們專業開發人員用的,所以大家自己看着辦.Photoshop這個就不用說了.