隨著互聯(lián)網(wǎng)的迅猛發(fā)展和普及，一個(gè)新型的行業(yè)和新興的職位正在上升到技術(shù)的層面：前端開發(fā)工程師。一些想從事、或感興趣的人會(huì)問：我適合做前端工程師嗎？前端需要學(xué)些什么？如何能夠?qū)W好？

01　web前端開發(fā)需要學(xué)什么

第一階段：css是web前端開發(fā)的必修課，就像一瓶陳年的老酒，越品越香

html和css其實(shí)不難，就是幾個(gè)簡單的標(biāo)簽和屬性。難的就是我們?nèi)绾芜\(yùn)用所學(xué)的知識(shí)寫出一個(gè)比較穩(wěn)定，接受度高的頁面。簡單地說，HTML就是一堆非常簡單的標(biāo)簽，而CSS則是把你畫畫的流程用代碼按一定的格式寫出來。然后你需要理解常用HTML標(biāo)簽的意思，學(xué)會(huì)各種CSS的屬性，還有CSS的盒模型、優(yōu)先級(jí)、選擇器……

在寫這種頁面的時(shí)候我們就不能急于求成了，不能一為的去追求速度，這個(gè)需要多去思考。思考哪個(gè)地方不合適、哪個(gè)地方?jīng)]有達(dá)到預(yù)期好的效果，哪個(gè)地方的代碼還需要優(yōu)化，這些不是對(duì)技能的考驗(yàn)，是對(duì)體力、智力、技能的三方面考驗(yàn)。

第二階段：js也是web前端開發(fā)者必須要掌握的，就像一把出竅的寶劍，越磨越亮

你要是想在網(wǎng)頁上實(shí)現(xiàn)交互效果，比如輪播圖、點(diǎn)擊按鈕后播放動(dòng)畫等等，那么就必須學(xué)會(huì)JavaScript.JavaScript是一門完整、強(qiáng)大、熱門的編程語言，瀏覽器的各種交互效果都由它來做到的。你先要了解一些基礎(chǔ)的JavaScript概念(變量、函數(shù)、基本類型)后，然后學(xué)習(xí)jQuery(JavaScript代碼庫的一種)，并且通過jQuery繼續(xù)使用CSS的選擇器。

說js是一把寶劍其實(shí)間接的說明了js在工作中的重要性，隨著社會(huì)的發(fā)展，js顯得越來越重要了，而我們所了解的知識(shí)只是其中的冰山一角。當(dāng)我們看到寫出來的頁面既美觀有可愛、即好玩又時(shí)尚的時(shí)候，那里面其實(shí)不知道包含著多少js的兼容問題，為這個(gè)兼容性就是我們?cè)谄綍r(shí)工作中的生存之道。所以，我們要不斷的摸索、不斷的學(xué)習(xí)，像寶劍一樣越磨越利，才能是我們沉淀更多，工作中才會(huì)得心應(yīng)手。

02　專職web前端人員也需要學(xué)習(xí)更多知識(shí)

專精HTML/CSS的前端從業(yè)人員也就是前端重構(gòu)。

你知道如何寫頁面，也知道怎么做的更好，并且更加理解前端世界，做出更“系統(tǒng)化”的設(shè)計(jì)。關(guān)于CSS的知識(shí)，你需要理解文檔流、浮動(dòng)流等各種定位的方式與原理，理解CSS的繼承復(fù)用思想、理解瀏覽器的差異、兼容等。關(guān)于HTML的知識(shí)，你需要學(xué)習(xí)語義化、可訪問性與結(jié)構(gòu)的合理，以及“結(jié)構(gòu)與樣式的分離”等。

你會(huì)愛上CSS3的酷炫屬性，可以做出響應(yīng)式網(wǎng)頁設(shè)計(jì)，用transiton和animation做補(bǔ)間動(dòng)畫與關(guān)鍵幀動(dòng)畫，用transform做縮放、旋轉(zhuǎn)、3D變換，還有圓角、漸變、陰影、彈性盒……掌握了以上的這些，你完全可以做出微信的H5頁面、一些有趣的網(wǎng)頁，或者個(gè)人的網(wǎng)站。

03　零基礎(chǔ)學(xué)前端并不難，想要學(xué)好前端更需要一顆學(xué)習(xí)的心

web前端開發(fā)需要學(xué)什么相信大家已經(jīng)有所了解，想要搞定編程沒那么簡單，但是只要肯花功夫就可以做到，那時(shí)你收獲到的將是一個(gè)新的世界。到了這一階段，你可以做出很多優(yōu)秀的網(wǎng)站了，購買域名，配置服務(wù)器，然后將你的作品掛到網(wǎng)絡(luò)上吧；或者你可以做一些JavaScript的小游戲，練練編程能力。如果你不想自學(xué)而是通過培訓(xùn)快速入行賺錢，那么云和web前端培訓(xùn)班面授教學(xué)的方式也一定適合你，有興趣的同學(xué)可以咨詢客服免費(fèi)預(yù)約試聽。