在知乎上看到一個問題，問題如下： 大三，學前端大半年了，html，css，js，jq，less，bootstrap這些不敢說精通，但也熟練掌握，項目也做了不少。學react的時候開始感覺力不從心了，之后再去了解webpack，npm，node等簡直一臉懵逼，各種配置命令行根本看不懂，仿佛到了另一個世界。到了這個階段應該怎么繼續學下去呢，是我基礎知識不足的問題嗎？ 針對這個問題，愛尚實訓把自己的想法說一說：

這種先易后難的學習現象其實不僅僅是在前端領域，在任何一個領域都是一樣的。入門簡單，隨著學習的不斷深入，需要學習的東西越來越多，越來越復雜，這是十分正常的。

你回想下你剛開始學數學的時候，是不是覺得很簡單呢，1+1，1-1。之后慢慢開始學乘法，學方程式，學積分，是否感覺越來越難，步履維艱。

回到題主問的問題。Web前端其實在編程界是容易入門的分支，其中html，css，js，jq，less，bootstrap這些你都可以理解成數學中簡單的 加減乘除法，所以當你稍微花點心思學習下html，css，js，你就發現你能開始寫頁面了，做簡單的項目了。然后如果只是局限在做頁面，不管做再多項目，你也只是一個頁面仔而已，技術水平不會有所提升。這時你突然去接觸react，webpack，npm這些高級的前端框架和工具的時候，就如同從 1+1跳躍到解微積分，當然會懵逼，覺得這還是前端嘛，我以前學的都是啥啊。

所以首先排除學習者自身的學習態度問題，我們假設大家都是努力學習的人，題主說的問題其實是在前端領域的一個學習順序的問題。

一個簡單的前端項目從開發到上線我認為是要經歷以下幾個步驟的：

1、用html實現頁面結構

2、css實現頁面樣式

3、js實現頁面交互

4、使用壓縮混淆工具如 grunt或者gulp 處理css和js，減小css文件和js文件的體積，從這個步驟開始其實就是前端項目的構建了，也就是進入到了題主所說的另一個世界

5、部署項目

如果你一直局限在前三個步驟，那么當然不會有什么進步。 從第4個步驟開始就是真正需要去花大量時間研究學習的了。首先拿構建工具grunt或者gulp舉例，如果說你對js十分熟練的話，那么grunt或者gulp里面的每一行代碼你是能看的懂得，你需要學習的是

1、這些工具為什么會出現，他在整個前端開發和構建上線過程扮演者什么樣的角色。2、他能實現哪些東西，每一項功能的具體代碼實現是怎么樣的。3、為什么要這么來實現。按著這么個研究學習順序，你會發現這些東西都是通過很簡單的無數的接口拼裝而成的。研究完一個工具，接著按照整個項目的**順序，研究接下來需要哪些東西。這樣的話學習webpack，react等都和上文說到grunt沒有任何差別，自己也能循序漸進。

所以希望迷惘的人不要過于焦慮，認清學習路徑，按部就班就行了。

?

本周六7月15日Web前端周末班新班開課啦，歡迎0基礎和想了解互聯網行業的小伙伴們來試聽~

暑假學編程，賺高薪，首選愛尚實訓！

掃描下方二維碼，勁享優惠！

咨詢老師：張老師