同樣是web前端工程師，我們通常會(huì)發(fā)現(xiàn)他們的薪資待遇截然不同，web更注重的在于技術(shù)。

通過web培訓(xùn)出來的工程師，通常是中高級。自學(xué)的web工程師也有可能達(dá)到這樣的水平，但是前提是必須系統(tǒng)化進(jìn)行學(xué)習(xí)。那么初級web前端應(yīng)該懂什么呢?

首先，Web工程師要入門必須要了解前端、后端、后臺(tái)的基本概念，同時(shí)要了解基本的html、css和javascript語法，最后根據(jù)設(shè)計(jì)師的設(shè)計(jì)圖在不考慮兼容性的情況下把頁面做出來。在這里我還是要推薦下我自己建的web前端開發(fā)學(xué)習(xí)群：731669587，群里都是學(xué)web前端開發(fā)的，如果你正在學(xué)習(xí)前端 ，歡迎你加入，大家都是軟件開發(fā)黨，不定期分享干貨（只有前端軟件開發(fā)相關(guān)的），包括我自己整理的一份2019最新的前端進(jìn)階資料和高級開發(fā)教程，歡迎進(jìn)階中和進(jìn)想深入前端的小伙伴

需要注意的是，入門階段最關(guān)鍵的就是對所學(xué)內(nèi)容形成一套概念,知其然知其所以然，不要管好那么多細(xì)節(jié)。

其次，你可以把html、css和javascript分成三個(gè)階段進(jìn)行學(xué)習(xí)。

第一階段：HTML的學(xué)習(xí)

Html是超文本標(biāo)記語言，英文全稱為HyperText Mark-up Language，這是一個(gè)網(wǎng)頁的骨架。靜態(tài)網(wǎng)頁還是動(dòng)態(tài)網(wǎng)頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現(xiàn)給用戶。

當(dāng)然，學(xué)習(xí)html過程是比較枯燥乏味的，所以你需要更有效的學(xué)習(xí)策略。依w3cschool看來，你可以借助Dreamweaver的“拆分”視圖輔助學(xué)習(xí)。在“設(shè)計(jì)”視圖中看效果，在“代碼”視圖中學(xué)本質(zhì)，將各種視圖的優(yōu)勢發(fā)揮到極致，想必會(huì)比單純記憶HTML標(biāo)簽和屬性有趣、有用的多吧?

第二階段：CSS的學(xué)習(xí)

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言。

學(xué)習(xí)css建議可以看相關(guān)的一些書籍，如《CSS權(quán)威指南》(很詳細(xì)、很經(jīng)典!)、《CSS揭秘》 《精通CSS：高級Web標(biāo)準(zhǔn)解決方案》，博客和專欄等也可以瀏覽。

第三階段：JavaScript的學(xué)習(xí)

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當(dāng)中為我們提供了一些內(nèi)置函數(shù)、對象和DOM操作，進(jìn)而實(shí)現(xiàn)客戶端的特效、驗(yàn)證、交互等。

建議可以看《javascript語言精粹》，js是一門很混亂的語言，這本書能夠幫助你區(qū)分哪些是語言的精華，哪些是糟粕。如果是精華部分，我們在后續(xù)進(jìn)階部分可以深入研究，而如果是糟粕部分，那么只要大概看懂別人寫的渣代碼就可以，自己還是不要嘗試為妙。

通過這三個(gè)階段的學(xué)習(xí)，我們就可以往更高級的web前端工程師進(jìn)階了!

附Web前端工程師學(xué)習(xí)圖:

更多編程技術(shù)，就來w3cschool。