零基礎學web前端，如何分清主次和學習優先順序呢？

對於零基礎的學員來說：初接觸一門技術，想要去了解他，並掌握它，是不是覺得有點無從下手，不知道該學習什麼？該先學哪個後學哪個？

今天達妹為你們帶來一位資深web前端工程師，用他多年從事web前端工作的個人經驗總結出一套正確的學習思路，分享給你們！

從正美的吐槽開始，我回了下，說對盲目跟風的大眾失去信心了。然後一些同學說我固步自封，另一些同學估計想說倚老賣老啥的。我想說清楚一點，我從未停止過學習，只是對知識的重要程度和精力分配有自己的觀點。

具體來說，前端方面的知識從重要程度來排，私以為應該先後學這些：

1

第一步學習基礎知識

api學習，系統地學，可以看看這個方面的書，不要只零散地看網上文章，這個書錢要捨得花。前端領域，這個方面我推薦看看《javascript高級程序設計》和《html5和css3權威指南》。

2

第二步學習一些編程技巧

學習一些編程上的技巧，比如面向對象，組件，api設計，推薦幾本書《js設計模式》《head first設計模式》和《代碼整潔之道》。

3

第三步學習一些框架

學習除jqury之外的一兩個框架，因為jqury只是個庫，算不上框架，加上jqury ui也仍然只是個庫。學學兩個前端框架，再學一個後端框架，加強對所謂框架的理解，回頭再來做框架選型，就可以有自己的理解和態度了，而不是跟風。

4

第四步學習一些編程工具

然後學的是工具類的，比如預處理器，打包工具，調試工具，開發工具啥的，less，sass，coffeescript，grunt，git，vim之流，晚點學不會死，甚至不學也不見得有啥問題，這種工具類的，一周一個，一 下就入門了沒啥了不起，關鍵在於實不實用，不實用不用也罷，而實不實用就見仁見智了，我個人是不怎麼待見的。

5

第五步學習各種框架類庫

亂七八糟的各種框架類庫，這種東西看看就好，真有空就看看，多學點東西總是好的，不見得要用，看看人家設計理念也是好的。只是這種東西每年都出一波，然後大部分很快就消失了。真正能活下來的，還是能順利成為工業標準的東西，比如jquery和requirejs。

這隻說了標準前端，建議大家在學習之前，不是想著趕緊掌握，用最短的時間學會，而是先想清楚，哪些東西是最核心最重要的，哪些是輔助性的，哪些是噱頭很可能只是曇花一現，哪些是花拳繡腿，哪些乾脆就是屠龍術。這麼多待學的東西，你的時間真的值得花在錯誤或者不實用的地方嗎？

想要系統學習web前端和免費學習資料的 可以加裙六二三九六六八零六

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！