愛(ài)尚實(shí)訓(xùn):學(xué)習(xí)Web前端怎樣才能不迷茫
2017/7/12 7:40:57
瀏覽354來(lái)自哈爾濱
在知乎上看到一個(gè)問(wèn)題,問(wèn)題如下: 大三,學(xué)前端大半年了,html,css,js,jq,less,bootstrap這些不敢說(shuō)精通,但也熟練掌握,項(xiàng)目也做了不少。學(xué)react的時(shí)候開(kāi)始感覺(jué)力不從心了,之后再去了解webpack,npm,node等簡(jiǎn)直一臉懵逼,各種配置命令行根本看不懂,仿佛到了另一個(gè)世界。到了這個(gè)階段應(yīng)該怎么繼續(xù)學(xué)下去呢,是我基礎(chǔ)知識(shí)不足的問(wèn)題嗎? 針對(duì)這個(gè)問(wèn)題,愛(ài)尚實(shí)訓(xùn)把自己的想法說(shuō)一說(shuō):
這種先易后難的學(xué)習(xí)現(xiàn)象其實(shí)不僅僅是在前端領(lǐng)域,在任何一個(gè)領(lǐng)域都是一樣的。入門簡(jiǎn)單,隨著學(xué)習(xí)的不斷深入,需要學(xué)習(xí)的東西越來(lái)越多,越來(lái)越復(fù)雜,這是十分正常的。
你回想下你剛開(kāi)始學(xué)數(shù)學(xué)的時(shí)候,是不是覺(jué)得很簡(jiǎn)單呢,1+1,1-1。之后慢慢開(kāi)始學(xué)乘法,學(xué)方程式,學(xué)積分,是否感覺(jué)越來(lái)越難,步履維艱。
回到題主問(wèn)的問(wèn)題。Web前端其實(shí)在編程界是容易入門的分支,其中html,css,js,jq,less,bootstrap這些你都可以理解成數(shù)學(xué)中簡(jiǎn)單的 加減乘除法,所以當(dāng)你稍微花點(diǎn)心思學(xué)習(xí)下html,css,js,你就發(fā)現(xiàn)你能開(kāi)始寫(xiě)頁(yè)面了,做簡(jiǎn)單的項(xiàng)目了。然后如果只是局限在做頁(yè)面,不管做再多項(xiàng)目,你也只是一個(gè)頁(yè)面仔而已,技術(shù)水平不會(huì)有所提升。這時(shí)你突然去接觸react,webpack,npm這些高級(jí)的前端框架和工具的時(shí)候,就如同從 1+1跳躍到解微積分,當(dāng)然會(huì)懵逼,覺(jué)得這還是前端嘛,我以前學(xué)的都是啥啊。
所以首先排除學(xué)習(xí)者自身的學(xué)習(xí)態(tài)度問(wèn)題,我們假設(shè)大家都是努力學(xué)習(xí)的人,題主說(shuō)的問(wèn)題其實(shí)是在前端領(lǐng)域的一個(gè)學(xué)習(xí)順序的問(wèn)題。
一個(gè)簡(jiǎn)單的前端項(xiàng)目從開(kāi)發(fā)到上線我認(rèn)為是要經(jīng)歷以下幾個(gè)步驟的:
1、用html實(shí)現(xiàn)頁(yè)面結(jié)構(gòu)
2、css實(shí)現(xiàn)頁(yè)面樣式
3、js實(shí)現(xiàn)頁(yè)面交互
4、使用壓縮混淆工具如 grunt或者gulp 處理css和js,減小css文件和js文件的體積,從這個(gè)步驟開(kāi)始其實(shí)就是前端項(xiàng)目的構(gòu)建了,也就是進(jìn)入到了題主所說(shuō)的另一個(gè)世界
5、部署項(xiàng)目
如果你一直局限在前三個(gè)步驟,那么當(dāng)然不會(huì)有什么進(jìn)步。 從第4個(gè)步驟開(kāi)始就是真正需要去花大量時(shí)間研究學(xué)習(xí)的了。首先拿構(gòu)建工具grunt或者gulp舉例,如果說(shuō)你對(duì)js十分熟練的話,那么grunt或者gulp里面的每一行代碼你是能看的懂得,你需要學(xué)習(xí)的是
1、這些工具為什么會(huì)出現(xiàn),他在整個(gè)前端開(kāi)發(fā)和構(gòu)建上線過(guò)程扮演者什么樣的角色。2、他能實(shí)現(xiàn)哪些東西,每一項(xiàng)功能的具體代碼實(shí)現(xiàn)是怎么樣的。3、為什么要這么來(lái)實(shí)現(xiàn)。按著這么個(gè)研究學(xué)習(xí)順序,你會(huì)發(fā)現(xiàn)這些東西都是通過(guò)很簡(jiǎn)單的無(wú)數(shù)的接口拼裝而成的。研究完一個(gè)工具,接著按照整個(gè)項(xiàng)目的**順序,研究接下來(lái)需要哪些東西。這樣的話學(xué)習(xí)webpack,react等都和上文說(shuō)到grunt沒(méi)有任何差別,自己也能循序漸進(jìn)。
所以希望迷惘的人不要過(guò)于焦慮,認(rèn)清學(xué)習(xí)路徑,按部就班就行了。
?
本周六7月15日Web前端周末班新班開(kāi)課啦,歡迎0基礎(chǔ)和想了解互聯(lián)網(wǎng)行業(yè)的小伙伴們來(lái)試聽(tīng)~
暑假學(xué)編程,賺高薪,首選愛(ài)尚實(shí)訓(xùn)!
掃描下方二維碼,勁享優(yōu)惠!
咨詢老師:張老師
這種先易后難的學(xué)習(xí)現(xiàn)象其實(shí)不僅僅是在前端領(lǐng)域,在任何一個(gè)領(lǐng)域都是一樣的。入門簡(jiǎn)單,隨著學(xué)習(xí)的不斷深入,需要學(xué)習(xí)的東西越來(lái)越多,越來(lái)越復(fù)雜,這是十分正常的。
你回想下你剛開(kāi)始學(xué)數(shù)學(xué)的時(shí)候,是不是覺(jué)得很簡(jiǎn)單呢,1+1,1-1。之后慢慢開(kāi)始學(xué)乘法,學(xué)方程式,學(xué)積分,是否感覺(jué)越來(lái)越難,步履維艱。
回到題主問(wèn)的問(wèn)題。Web前端其實(shí)在編程界是容易入門的分支,其中html,css,js,jq,less,bootstrap這些你都可以理解成數(shù)學(xué)中簡(jiǎn)單的 加減乘除法,所以當(dāng)你稍微花點(diǎn)心思學(xué)習(xí)下html,css,js,你就發(fā)現(xiàn)你能開(kāi)始寫(xiě)頁(yè)面了,做簡(jiǎn)單的項(xiàng)目了。然后如果只是局限在做頁(yè)面,不管做再多項(xiàng)目,你也只是一個(gè)頁(yè)面仔而已,技術(shù)水平不會(huì)有所提升。這時(shí)你突然去接觸react,webpack,npm這些高級(jí)的前端框架和工具的時(shí)候,就如同從 1+1跳躍到解微積分,當(dāng)然會(huì)懵逼,覺(jué)得這還是前端嘛,我以前學(xué)的都是啥啊。
所以首先排除學(xué)習(xí)者自身的學(xué)習(xí)態(tài)度問(wèn)題,我們假設(shè)大家都是努力學(xué)習(xí)的人,題主說(shuō)的問(wèn)題其實(shí)是在前端領(lǐng)域的一個(gè)學(xué)習(xí)順序的問(wèn)題。
一個(gè)簡(jiǎn)單的前端項(xiàng)目從開(kāi)發(fā)到上線我認(rèn)為是要經(jīng)歷以下幾個(gè)步驟的:
1、用html實(shí)現(xiàn)頁(yè)面結(jié)構(gòu)
2、css實(shí)現(xiàn)頁(yè)面樣式
3、js實(shí)現(xiàn)頁(yè)面交互
4、使用壓縮混淆工具如 grunt或者gulp 處理css和js,減小css文件和js文件的體積,從這個(gè)步驟開(kāi)始其實(shí)就是前端項(xiàng)目的構(gòu)建了,也就是進(jìn)入到了題主所說(shuō)的另一個(gè)世界
5、部署項(xiàng)目
如果你一直局限在前三個(gè)步驟,那么當(dāng)然不會(huì)有什么進(jìn)步。 從第4個(gè)步驟開(kāi)始就是真正需要去花大量時(shí)間研究學(xué)習(xí)的了。首先拿構(gòu)建工具grunt或者gulp舉例,如果說(shuō)你對(duì)js十分熟練的話,那么grunt或者gulp里面的每一行代碼你是能看的懂得,你需要學(xué)習(xí)的是
1、這些工具為什么會(huì)出現(xiàn),他在整個(gè)前端開(kāi)發(fā)和構(gòu)建上線過(guò)程扮演者什么樣的角色。2、他能實(shí)現(xiàn)哪些東西,每一項(xiàng)功能的具體代碼實(shí)現(xiàn)是怎么樣的。3、為什么要這么來(lái)實(shí)現(xiàn)。按著這么個(gè)研究學(xué)習(xí)順序,你會(huì)發(fā)現(xiàn)這些東西都是通過(guò)很簡(jiǎn)單的無(wú)數(shù)的接口拼裝而成的。研究完一個(gè)工具,接著按照整個(gè)項(xiàng)目的**順序,研究接下來(lái)需要哪些東西。這樣的話學(xué)習(xí)webpack,react等都和上文說(shuō)到grunt沒(méi)有任何差別,自己也能循序漸進(jìn)。
所以希望迷惘的人不要過(guò)于焦慮,認(rèn)清學(xué)習(xí)路徑,按部就班就行了。
?
本周六7月15日Web前端周末班新班開(kāi)課啦,歡迎0基礎(chǔ)和想了解互聯(lián)網(wǎng)行業(yè)的小伙伴們來(lái)試聽(tīng)~
暑假學(xué)編程,賺高薪,首選愛(ài)尚實(shí)訓(xùn)!
掃描下方二維碼,勁享優(yōu)惠!
咨詢老師:張老師
聯(lián)系方式
提示:聯(lián)系我時(shí),請(qǐng)說(shuō)明在哈爾濱信息網(wǎng)-哈爾濱信息港 - 哈爾濱生活網(wǎng)、消費(fèi)、信息門戶網(wǎng)看到的,謝謝!