字不如表，表不如圖，直接上圖！

互聯(lián)網(wǎng)基礎(chǔ)知識(shí)【2H】

這一階段是最基礎(chǔ)的階段，如果你對(duì)這些知識(shí)有一些了解可以直接略過(guò)。

正因?yàn)檫@一階段的知識(shí)都是了解性的，所以不需要看視頻，也不需要系統(tǒng)的學(xué)習(xí)。所以這里的知識(shí)可以充分利用百度，花費(fèi)2小時(shí)左右查一下這些知識(shí)都是一些什么。了解即可

在這里我給大家整理了一些關(guān)于前端的學(xué)習(xí)資料分享給大家：（文末有獲取方式）

HTML【3H】

Html超文本標(biāo)記語(yǔ)言，可以把它看作瀏覽器上的Word。Html非常簡(jiǎn)單，一學(xué)就會(huì)。這里推薦一個(gè)視頻。

看視頻的時(shí)候，一定要邊看邊練，但也不用花太多時(shí)間在練習(xí)上，因?yàn)镠tml是前端無(wú)時(shí)無(wú)刻在用的，練習(xí)機(jī)會(huì)非常多。我們了解了Html的基礎(chǔ)語(yǔ)法和寫(xiě)幾個(gè)Demo就足夠了。把時(shí)間用在后面的學(xué)習(xí)上。

CSS【10H】

CSS在前端開(kāi)發(fā)中主要是用于給網(wǎng)頁(yè)做美化的，CSS就相當(dāng)于Word中的樣式。

CSS不單單是CSS1和CSS2，CSS的知識(shí)還包括CSS3。

CSS3作為最新的CSS標(biāo)準(zhǔn)，增加了不少新特性，這些新特性是非常值得學(xué)習(xí)的！

CSS的知識(shí)非常多，而且非常雜。需要很多的時(shí)間來(lái)學(xué)習(xí)，但是我們不必一開(kāi)始就把所有的都掌握的非常好。我們一定要記住，編程是練出來(lái)的，不是記出來(lái)的。所以我們應(yīng)該快速的過(guò)一遍CSS的語(yǔ)法，了解他都有哪些功能，然后通過(guò)練習(xí)來(lái)逐漸掌握。

第一階段練習(xí)【18H】

學(xué)完了HTML和CSS就可以做出簡(jiǎn)單的頁(yè)面，這里簡(jiǎn)單的頁(yè)面是指內(nèi)容基本不會(huì)更改的靜態(tài)頁(yè)面。

為了鞏固我們所學(xué)的知識(shí)，我們需要在這一階段大量的練習(xí)。那么如何練習(xí)就顯得很重要了！

這里的練習(xí)主要是模仿一些已經(jīng)存在的網(wǎng)頁(yè)，這里推薦兩個(gè)：

• taobao.com【12H】
  

• baidu.com【6H】

這兩個(gè)頁(yè)面都需要我們重新把它畫(huà)出來(lái)，百度頁(yè)面相對(duì)簡(jiǎn)單，而淘寶頁(yè)面稍微難一點(diǎn)。

這里畫(huà)頁(yè)面的時(shí)候只用HTML和CSS即可，如果一個(gè)效果或者動(dòng)畫(huà)我們不知道怎么做也不要慌。去百度，百度上都有實(shí)現(xiàn)。這里注意的是我們一定要先自己思考，具體怎么實(shí)現(xiàn)這些效果。

當(dāng)我們做出這兩個(gè)頁(yè)面的時(shí)候，我們的HTML和CSS水平一定會(huì)有非常大的提升，同時(shí)也基本達(dá)到了真正生產(chǎn)所需要的水平。

JavaScript【44H】

JavaScript作為前端最重要的語(yǔ)言，我們一定要好好學(xué)，所以這里我推薦大家看視頻學(xué)習(xí)，等我們學(xué)完了JavaScript，我們的前端技術(shù)也算是登堂入室了。所以這里需要多花一點(diǎn)時(shí)間是值得的！

這兩個(gè)知識(shí)點(diǎn)不需要太久，分別花1個(gè)小時(shí)和30分鐘足以。

第二階段練習(xí)

第二階段練習(xí)我沒(méi)有標(biāo)注時(shí)間，因?yàn)榈诙A段的練習(xí)基本相當(dāng)于獨(dú)立進(jìn)行前端的開(kāi)發(fā)。

這階段主要是學(xué)習(xí)一門(mén)框架，這里我推薦Vue.js。畢竟Vue.js的口號(hào)就是快速入門(mén)，他也確實(shí)做到了這一點(diǎn)。

這個(gè)視頻不一定要全部看完。因?yàn)槲覀兛催@個(gè)視頻的目的就是為了學(xué)習(xí)在生產(chǎn)中如何使用Vue這個(gè)框架。

當(dāng)我們基本學(xué)會(huì)了之后就可以做一個(gè)自己的小項(xiàng)目來(lái)練練手，另外這個(gè)項(xiàng)目是可以寫(xiě)在簡(jiǎn)歷上的。如果想做別的項(xiàng)目練手也可以，但是不建議做電商項(xiàng)目，因?yàn)楝F(xiàn)在一說(shuō)電商大家第一印象就是在網(wǎng)上抄的。

后續(xù)練習(xí)

后續(xù)的學(xué)習(xí)主要就是按照上面的學(xué)習(xí)路線圖來(lái)學(xué)習(xí)，需要學(xué)習(xí)后面的知識(shí)的時(shí)候你應(yīng)該已經(jīng)找到了一份不錯(cuò)的工作。這個(gè)時(shí)候你也具備了一些看文檔的能力，所以后續(xù)的學(xué)習(xí)我的建議就是直接看官方文檔。因?yàn)檫@是最快也是最有效的方法。

在學(xué)習(xí)過(guò)程中，如果大家遇到了任何的問(wèn)題，歡迎大家聯(lián)系我，一起互相交流！

結(jié)語(yǔ)

編程是一個(gè)非常有挑戰(zhàn)的技術(shù)活，學(xué)習(xí)編程也是相對(duì)痛苦的，所以遇到了一些困難是很正常的事情。遇到困難就解決困難，保持自信，你就是最酷的崽。

編程也是一個(gè)長(zhǎng)期學(xué)習(xí)的科目，所以大家一定要培養(yǎng)出自己對(duì)編程的興趣，讓自己保持持續(xù)的動(dòng)力！一定不能半途而廢，在初學(xué)階段一旦一個(gè)月不碰代碼，就會(huì)非常手生，甚至之前學(xué)的都忘記了。

最后祝愿大家都能有一個(gè)光明的未來(lái)！

文章整理不易，大家多多支持哈!

獲取方式：

一鍵三連+關(guān)注? ? ? ? （重點(diǎn)）

后臺(tái)主動(dòng)留下痕跡：“資料”（重點(diǎn)）??