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

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

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

第一步學習基礎知識

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

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

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

第三步學習一些框架

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

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

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

第五步學習各種框架類庫

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

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

這裡推薦一下我的前端學習交流扣qun：784783012 ，裡面都是學習前端的，從最基礎的HTML+CSS+JS【炫酷特效，遊戲，外掛封裝，設計模式】到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴。2019最新技術，從企業招聘人才需求 到怎麼學習前端開發，和學習什麼內容都有免費系統分享。好友都在裡面學習交流，每天都會有大牛定時講解前端技術!

點選：  加入