初級前端

主要學習三個部分：HTML，CSS，JavaScript

一、html + css部分：
這部分特別簡單，到網上搜資料，書籍視訊非常多。css中盒子模型，流動，block，inline，層疊，樣式優先順序等這些自學起來也是非常容易。最後再深入瞭解下瀏覽器差異性，ie9以下相容簡單瞭解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習相容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多，建議在實踐中多多積累。

我還是要推薦下我自己建立的web前端資料分享群606721798，這是web前端學習交流的地方，不管你是小白還是大牛，小編都歡迎，不定期分享乾貨，包括我整理的一份適合零基礎學習web前端的資料和入門教程。

二、JavaScript部分。
1.基礎學習：
難點，也是重點，要學的內容實在很多，如果沒有其他程式語言的基礎的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向物件、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭到尾，反覆研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。另外，js面向物件程式設計必須要學習，非常重要，個人推薦一本書， Stoyan Stefanov著，凌傑譯的《javascript面向物件指南》。邊學邊練，實踐出真知。

2.jQuery學習：
這些基礎知識掌握好之後，還需要學jQuery，這是一個非常優秀的Javascript庫，大型開發必備。它簡化了Javascript的複雜操作，消除了Javascript跨平臺相容問題，提供了大量實用方法，有良好的文件和幫助手冊，是一個非常成熟的Javascript庫。慕課網學習視訊幕課網。學習方法也很簡單，照著產品文件做幾個頁面就行了，不用面面俱到，以後遇到問題查文件就行了。

大概流程就是這樣，如下所示：

3.進階學習：
有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的程式碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高效能，低流量（移動端）。

中高階前端

1.工具學習習：大型專案中，前端程式碼構建已經不是簡單的壓縮一下了，依賴管理、模組合併、各種編譯步步不可缺少，需要學會使用grunt、gulp等前端構建工具，要學習的還有：包管理器bower、npm，程式碼優化CSS Lint、JSHint、JSLint，CSS前處理器less、sass,程式碼管理及版本控制svn、Git，web框架/伺服器Node、Express，程式碼規範、HTML模組化、css模組化。如果你想學習JS可以加這個群：611-428-142，每天有免費的直播課程，有錄播視訊回放，有專業老師解答。

2.佈局框架學習如Bootstrap。

3.新技術html5學習。

4.js框架學習，requireJS、 AngularJS等，往前端架構師靠近。

5.nodejs學習。

到招聘網站，參考任聘要求，準沒錯，舉例如下：

1.精通html和css，能製作符合W3C標準的靜態頁面；
2.精通JavaScript程式設計，對面向物件程式設計思想有深刻理解；
3.精通主流Javascript庫/框架jQuery；
4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript效能優化經驗；
5.對瀏覽器相容性有深入的研究，精通各種瀏覽器問題 ；
6.瞭解Backbone.js、AngularJs等MVC框架並有實際專案開發經驗；
7.瞭解http://asp.net等伺服器後臺技術和擁有一定的C#程式設計能力者優先；
8.對互動體驗、可用性、使用者體驗有一定程度的理解；
9.有良好的責任心和團隊合作能力、能承受較大的壓力；
 

自己動手搜尋下吧，確定目標和方向，以上是個人路線，僅供參考。