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

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

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

第一步學習基礎知識

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

第二步學習一些程式設計技巧

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

第三步學習一些框架

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

第四步學習一些程式設計工具

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

如果對程式設計師感興趣的，想學習web前端開發的朋友，可以加web前端學習秋秋裙767，web前端中間的數字是273，web前端最後是102 。7年全棧工程師，根據這些年從事開發經驗，整理了一份最適合2019年學習的web前端乾貨，web前端的大型網際網路技術教學影片，還有一份前端零基礎教程免費分享給大家。有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，歡迎大家加入，這裡是前端學習者的集中地

第五步學習各種框架類庫

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

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