域名預(yù)訂/競(jìng)價(jià)，好“米”不錯(cuò)過(guò)

今天來(lái)和大家講講web前端開(kāi)發(fā)需要學(xué)習(xí)什么?前端開(kāi)發(fā)又需要用到哪些開(kāi)發(fā)工具?然后分享一些前端開(kāi)發(fā)的視頻教程給大家,然后也簡(jiǎn)單的和大家介紹下前端開(kāi)發(fā)的前景和薪水工資情況.

首先封程中自己是java開(kāi)發(fā)工程師,目前是搞服務(wù)端(后端開(kāi)發(fā))的,但是之前也做過(guò)2年的javaweb前端開(kāi)發(fā),所以經(jīng)驗(yàn)還是有一些的,下面就簡(jiǎn)單和大家介紹下我的經(jīng)驗(yàn)吧,說(shuō)的不好,大家勿噴,學(xué)習(xí)該學(xué)習(xí)的,忽略該忽略的就好.

web前端工程師其實(shí)在不同的公司,有不同的職能,但是稱(chēng)呼都是類(lèi)似的

1.做網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)界面開(kāi)發(fā)

2.做網(wǎng)頁(yè)界面開(kāi)發(fā)

3.做網(wǎng)頁(yè)界面開(kāi)發(fā)、前臺(tái)數(shù)據(jù)綁定和前臺(tái)邏輯的處理(我是屬于這種的)

4.設(shè)計(jì)、開(kāi)發(fā)、數(shù)據(jù)

web前端開(kāi)發(fā)需要掌握的技術(shù)：

1.學(xué)習(xí)html,這個(gè)是最簡(jiǎn)單的,也是最基礎(chǔ)的.要熟練掌握div、form table、ul li 、p、span、font這些標(biāo)簽,這些都是最常用的,特別是div和table,div用于布局、table也可以用于布局,但是不靈活,基本 table是用來(lái)和數(shù)據(jù)打交道.

2.學(xué)習(xí)css,這里說(shuō)的css不包括css3,一般我們看到web前端開(kāi)發(fā)工程師的要求里面,有一個(gè)會(huì)使用css+html 或者 css+div 來(lái)進(jìn)行界面布局,所以css是用于輔助html來(lái)布局和展示的,我們稱(chēng)之為“css樣式”,為什么會(huì)說(shuō)css+div呢?因?yàn)槲疑厦嬲f(shuō)了div就是 html主要用于布局的東西,所以div就是核心掌握的東西!那么css肯定必須要配合div來(lái)使用才好.css要熟練掌握f(shuō)loat、 position、width、height，以及對(duì)于的最大最小、會(huì)使用百分百、overflow、margin、padding等等,這些都是跟布局 有關(guān)系的樣式,一點(diǎn)要掌握.

3.學(xué)習(xí)js. 可能前兩個(gè)大家覺(jué)得還過(guò)的去,看到j(luò)s就蛋疼了,其實(shí)吧,js入門(mén)很簡(jiǎn)單的,不需要會(huì)很多東西的,只要會(huì)根據(jù)某個(gè)id、或者name拿到網(wǎng)頁(yè)dom或者樣 式、或者值,然后會(huì)給某個(gè)id或者name的元素標(biāo)簽賦值、或者追加數(shù)據(jù)、追html,這個(gè)是跟數(shù)據(jù)有關(guān)系的操作,然后數(shù)據(jù)邏輯判斷,效果方面的,無(wú)非就 是跳轉(zhuǎn)、彈框、隱藏什么的,把這些全部結(jié)合其他就是實(shí)際用途了,代碼一點(diǎn)都不難,會(huì)了這些基礎(chǔ)js,其他的直接百度就好了.然后看多了,用多了,就什么都 不是問(wèn)題了.

4.學(xué)習(xí)jquery.jquery是相當(dāng)于把js封裝了一套的一個(gè)js插件,目的就是操作起來(lái)更方便,代碼寫(xiě)的更少,jquery入門(mén)也很簡(jiǎn)單,那些是入門(mén)需要學(xué)的和js一樣,只是換成了jq的代碼.其他的一樣百度就夠了.

5.最好會(huì)點(diǎn)后臺(tái)語(yǔ)言,比如java、php,為什么呢?因?yàn)槲覀兦芭_(tái)界面的數(shù)據(jù)都是從后臺(tái)來(lái)的,如果會(huì)點(diǎn)后臺(tái)代碼,就知道怎么跟后臺(tái)交互數(shù)據(jù)是最好的, 這樣節(jié)約時(shí)間,也可以讓前端代碼更規(guī)范.不然可能因?yàn)槟愕膶?xiě)法和后端給來(lái)的數(shù)據(jù)不能結(jié)合上,那么前端代碼又得重新寫(xiě),那就更蛋疼了.

6.學(xué)習(xí)css3+html5,為什么這個(gè)放最后呢?哈哈,因?yàn)槲易约阂膊惶珪?huì),畢竟術(shù)業(yè)有專(zhuān)攻嘛,雖然這個(gè)很流行,但是我是搞后端的,在工作中用不到 它,只有在自己網(wǎng)站需要改樣式,或者朋友網(wǎng)站樣式出問(wèn)題的時(shí)候,我才會(huì)去臨時(shí)去研究下.但是如果你們是準(zhǔn)備專(zhuān)門(mén)搞前端,那么最好還是學(xué)一下的.

上面6點(diǎn),基本是一個(gè)搞web前端開(kāi)發(fā)工程師需要掌握的技術(shù),然后我也盡量的把自己的一點(diǎn)點(diǎn)經(jīng)驗(yàn)告訴了大家,但是大家不要以為上面6點(diǎn)就只有我說(shuō)的那么容 易,不,他們之所以被人使用,之所以這么火,就是因?yàn)閺?qiáng)大!我說(shuō)的這么簡(jiǎn)單僅僅是打消你們覺(jué)得很難的原因,萬(wàn)事開(kāi)頭難,我講的都是入門(mén)的方法和技巧以及需 要知道的東西.另外告訴大家一個(gè)秘密,不要以為代碼很難敲,現(xiàn)在什么語(yǔ)言都有自動(dòng)提示代碼的功能,只需要輸入一個(gè)字符,兩個(gè)字符,后面的代碼都會(huì)彈出來(lái)讓 你選擇!還怕啥呢?所以你也不要怕你英語(yǔ)不好了.封程中從來(lái)不騙人的.

web前端開(kāi)發(fā)需要視頻教程以及資料：

這個(gè)我免費(fèi)做個(gè)廣告吧,視頻大家可以主要看“傳智播客”的視頻,因?yàn)槲耶?dāng)時(shí)學(xué)技術(shù)專(zhuān)業(yè)知識(shí)的時(shí)候,就是經(jīng)常課后去看傳智播客的視頻,講的確實(shí)不錯(cuò),我最喜歡里面的 韓順平老師,不過(guò)我當(dāng)時(shí)看的是java,如果他也有講上面css、html什么的,你們也可以看看.

另外我們搞編程都會(huì)經(jīng)常查閱一個(gè)叫api的東西,這個(gè)相當(dāng)于使用手冊(cè),比如java api 、php api 、js api 什么的,大家直接這樣百度,html+css的api 應(yīng)該是可以找w3c的一個(gè)網(wǎng)站,對(duì)新手學(xué)習(xí)很不錯(cuò).

web前端開(kāi)發(fā)需要用到的工具:

最常用的就是dreamweaver,推薦大家使用dreamweaver cs6,cs6之前的貌似問(wèn)題挺多的,cs6目前是功能最強(qiáng)大,問(wèn)題最少的了,dw有一個(gè)比較方便的就是可視化編程,可以邊看效果邊敲代碼,還有自動(dòng)提示 代碼的功能.還有就是ediplus,這個(gè)其實(shí)就相當(dāng)于一個(gè)字體有顏色的記事本,我就是用這個(gè),因?yàn)槲腋杏X(jué)dw占用內(nèi)存太多了,搞的電腦卡,所以我直接用 ediplus寫(xiě)代碼,至于這個(gè)有沒(méi)有代碼自動(dòng)提示功能我就不知道了,大家可以百度下是否有相關(guān)插件.還有就是eclipse可以寫(xiě)java、php還有 上面的各種代碼!Zend Studio 是專(zhuān)門(mén)寫(xiě)php的,但是上面這2種工具比較專(zhuān)業(yè),是我們專(zhuān)業(yè)開(kāi)發(fā)人員用的,所以大家自己看著辦.Photoshop這個(gè)就不用說(shuō)了.

web前端開(kāi)發(fā)的前景:

web前端開(kāi)發(fā)的前景肯定是非常好的,我們不管的做網(wǎng)站還是做什么項(xiàng)目,現(xiàn)在都講究的一個(gè)用戶(hù)體驗(yàn),人家說(shuō)如果你的網(wǎng)站界面做的好看,那么你們的網(wǎng)站、項(xiàng) 目就已經(jīng)成功3/4了!所以現(xiàn)在很多人都說(shuō)web前端開(kāi)發(fā)的前景要稍微好于后端開(kāi)發(fā).但是我打個(gè)對(duì)比,前端開(kāi)發(fā)技術(shù)學(xué)到頂級(jí),后端開(kāi)發(fā)技術(shù)開(kāi)發(fā)技術(shù)也學(xué)到 頂級(jí),那后端開(kāi)發(fā)工資是肯定遠(yuǎn)遠(yuǎn)高于前端的,但是后端開(kāi)發(fā)技術(shù)到了一定程度會(huì)有個(gè)很大的瓶頸的,所以初中級(jí)程序員,前端開(kāi)發(fā)要稍微比后端開(kāi)發(fā)要好,高級(jí)程 序員的話就完敗了。

web前端開(kāi)發(fā)的薪水工資:

這個(gè)是個(gè)敏感的話題,我是在上海這邊,2年工作經(jīng)驗(yàn)的web前端開(kāi)發(fā)工資差不多6K~8K,如果你會(huì)些后臺(tái)技術(shù),并且前端技術(shù)很牛逼的話,到10K也是可 能的.這個(gè)工資的多少主要取決于你的技術(shù)情況,所以工資也不一定的.但是北上廣的一個(gè)web前端工程師的市場(chǎng)價(jià)差不多就是這樣,如果是二線省會(huì)城市,可能 就是4K~7K,也是不錯(cuò)的.我們搞技術(shù)這個(gè)行業(yè),工資的多少取決于你技術(shù)的好壞,技術(shù)這一行不能比,因?yàn)槿吮热藲馑廊?大牛的一個(gè)上面有一個(gè)的,努力學(xué) 習(xí)才是晚到,技術(shù)這行學(xué)無(wú)止境的.封程中也是跳過(guò)幾次槽的人,所以說(shuō)說(shuō)大概的情況,覺(jué)得價(jià)格少的勿噴,上海也沒(méi)多牛,大部分人都還是處于被壓榨的碼農(nóng).

web前端開(kāi)發(fā)的一個(gè)介紹就到這了,封程中寫(xiě)了2個(gè)多小時(shí),寫(xiě)的不好,但是也付出了時(shí)間來(lái)分享,所以希望大家不要噴,希望可以幫助到需要幫助的朋友.

文章來(lái)源：

申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！