首先希望你培養(yǎng)對web前端的興趣。

推薦你從這本書培養(yǎng)興趣

它系統(tǒng)的整合了html css 和js 的基礎(chǔ)，有豐富的案例給你練習(xí)，這本書看完你從頭到尾手lu一個網(wǎng)站不成問題，有了練習(xí)就會有成就感救能更樂意去探索和學(xué)習(xí)。

這本書看完之后，我們繼續(xù)進階學(xué)習(xí)一下es6語法，當下所有開發(fā)基本上都是es6以后的語法。因為當下都是es6語法開發(fā)的前端應(yīng)用，所以這也是必備的知識點。

推薦阮一峰大佬寫的這本書，在網(wǎng)上也可以預(yù)覽，書中大概會有百分之50%的知識點會在你以后敲代碼中經(jīng)常用到。

https://es6.ruanyifeng.com/

這些學(xué)習(xí)完之后，后面技術(shù)就很簡單了。

我們需要掌握

一門前端框架 vue 或者 react

一個路由管理 vue-router 或者 react-router

一個樣式預(yù)編譯器 less 或者 sass

了解打包工具webpack

一套ui組件庫，vue 中的 element 或者 react 中的 ant design

這些掌握后，你就可以進行企業(yè)級開發(fā)了。

了解Web前端

Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。2005年以后，互聯(lián)網(wǎng)進入Web2.0時代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術(shù)實現(xiàn)的。

網(wǎng)頁開發(fā)工具

學(xué)習(xí)Web前端開發(fā)，網(wǎng)頁開發(fā)工具有FrontPage，會用 Word 的人很容易學(xué)會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HMLT網(wǎng)頁制作工具，我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面，融合了HMLT5一些新的內(nèi)容。包括網(wǎng)格布局什么的。

學(xué)習(xí)內(nèi)容

HMLT、CSS和JavaScript。HMLT是內(nèi)容，CSS是表現(xiàn)，Javascript是行為。前端開發(fā)的門檻其實非常低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發(fā)是個不錯的初入點。也正因為如此，前端開發(fā)的領(lǐng)域有很多自學(xué)成“才”的同行。HMLT是最基礎(chǔ)的，現(xiàn)在流行的是HMLT5設(shè)計，先學(xué)會網(wǎng)頁布局。css是用來美化HMLT頁面的為頁面提供布局和格式。最后再學(xué)javascript。如果你把每天看電影、看電視劇的時間用來學(xué)習(xí)，我想一個星期入門是沒有問題的。

基礎(chǔ)知識：

1. HMLT + CSS。這部分建議，邊學(xué)邊練。之后可以模仿一些網(wǎng)站做些頁面。理解CSS每個元素的屬性，樣式的實現(xiàn)不一定只有一種寫法，多想一想還有沒有什么需要改進的地方。

2、JavaScript。不是所有的網(wǎng)頁都必須有JS，但是要想實現(xiàn)一些超酷的功能和界面的時候，就需要涉及到j(luò)s。

3、Photoshop、Flash。熟悉會一點兒就行了，沒必要全部都學(xué)得精通，當然如果你在學(xué)習(xí)的過程中，發(fā)現(xiàn)你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、HMLT5和CSS3。可以先了解一下，然后再入手。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容。懂Web標準，熟練手寫 HMLT CSS3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現(xiàn)在還使用的人還是有的。

6、熟悉一門后臺編程語言 asp、php、jsp等。7、對于自己想要學(xué)習(xí)的內(nèi)容，制訂一下計劃，有節(jié)奏地學(xué)習(xí)

一個學(xué)習(xí)習(xí)慣好的人，做什么事情都會有一個明確的計劃，對于一個web前端初學(xué)者來說，一份好的學(xué)習(xí)計劃是你開始的前提，因為學(xué)習(xí)一個東西最怕三天打漁，如果能夠持續(xù)地學(xué)習(xí)一個東西，我可以把它學(xué)習(xí)地很好。這時候，你就應(yīng)該結(jié)合我自身的情況，選擇一段最佳的學(xué)習(xí)時間，在這段學(xué)習(xí)時間里我可以不被打擾，保持高度專注。比如每天早上6.30起床看一個小時書。

8、注意勞逸結(jié)合

對于電腦工作者來說，多參加體育鍛煉，多去戶外走走，運動能夠增強人的記憶力，并且有時候還能產(chǎn)生靈感。如果身體不好，你的學(xué)習(xí)效率會非常低，人的精神狀態(tài)一旦非常好的時候，做什么都會如魚得水。想要成為大神，身體好是前提條件。有人30歲成為大神，我資質(zhì)不好，我35歲成為大神總可以吧。切莫在30歲的時候就把身體弄跨了，然后35歲轉(zhuǎn)行了，永遠失去了成長為大神的機會。

9、向別人解釋你的知識，多與人討論

一個NB的web前端開發(fā)者，一定是一個很會思考的，有能力就多寫博客，多分享自己的所學(xué)所思，只要你能寫出東西，不怕你寫的太低級，這些對于學(xué)習(xí)者自身也是非常有益的。通過用別人能夠理解的語言來解釋你學(xué)到的東西，本身就要求你對該知識充分理解。另外，很多人經(jīng)常感嘆「跟你討論一下，我馬上變得有思路了」，這其實就是交流的作用。

在互聯(lián)網(wǎng)IT編程開發(fā)設(shè)計培訓(xùn)類課程中，Web前端培訓(xùn)開發(fā)相對而言是比較簡單，并且工作以及發(fā)展前景都是比較不錯的，因此許多想要轉(zhuǎn)行的情況下都比較偏重web前端培訓(xùn)學(xué)習(xí)。那麼Web前端培訓(xùn)內(nèi)容是什么?小編今天就為大家來簡單的來解答一下。

綜合來講，Web前端培訓(xùn)分為HTML5+CSS3、JS交互設(shè)計、移動端、服務(wù)器、前端框架、小程序六大模塊，下面就為大家具體介紹每個階段學(xué)什么。

第一階段前端核心基礎(chǔ)，讓學(xué)員掌握前端基礎(chǔ)知識包括HTML5與CSS的基礎(chǔ)知識和代碼的撰寫會學(xué)習(xí)PC端網(wǎng)站布局以及jQuery框架。

第二階段HTML5 + CSS3 + 移動端核心，HTML+css3新特性，css進階，CSS3實例演練完成頁面特效的制作。

第三階段移動端，會學(xué)到CSS像素與物理像素的關(guān)系，布局視口，移動端適配，移動端特效滑屏、滾動以及點觸等。

第四階段服務(wù)器端，服務(wù)器端開發(fā)Node，數(shù)據(jù)庫操作，前后端交互核心，微信公眾號開發(fā)。

第五階段JavaScript高級

第六階段前端框架中，會學(xué)習(xí)前端高級框架Vue、React、Angular，讓學(xué)員會使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)等相關(guān)知識。

第七階段小程序開發(fā)，將學(xué)習(xí)微信小程序、開發(fā)工具使用，原生小程序API使用，小程序框架Mpvue應(yīng)用。

以上就是Web前端培訓(xùn)的內(nèi)容，想要了解更多Web前端培訓(xùn)的具體課程內(nèi)容，可以到尚硅谷官網(wǎng)進行咨詢了解，有專職的老師為大家解答，而且還可以下載免費視頻學(xué)習(xí)。

2020web前端學(xué)習(xí)路線圖：