我主要研究三個部分:HTML，CSS，JavaScript。
首先，html+css部分:
這部分特別簡單。在網上搜資料，有很多書和視頻。css中的盒模型、流、塊、內聯、級聯、樣式優先級等等也是非常容易自學的。最後，要對瀏覽器的差異有更深入的了解。簡單了解壹下ie9以下的兼容性就夠了。ie9以下的瀏覽器將被淘汰是趨勢。沒必要浪費大量時間去學習兼容主流瀏覽器，比如谷歌chrome、火狐、safari、opera。瀏覽器差異很多，建議在實踐中積累。
第二，JavaScript部分。
1.基礎學習:
難度也是重點。有很多東西要學。沒有其他編程語言的基礎，可能要花點功夫去學。有很多抽象的概念必須深入理解，比如閉包、原型、面向對象、封裝。閱讀是必不可少的。找壹本優秀的js書從頭到尾反復研究。第壹遍可以快速閱讀，大致知道概念，但第二遍或第三遍需要深入研究。另外，js面向對象編程壹定要學，這個很重要。我個人推薦壹本書，《javascript面向對象指南》，作者斯托揚·斯特凡諾夫，淩捷翻譯。邊學邊練，實踐出真知。
有條件的，很多朋友更喜歡自學。但是，自學的力量畢竟有限。為了讓想學的人更好，我推薦壹條裙子，前面6 1 1，中間4 28，後面1 42。有很多人想學著和妳交流，也有每天晚上免費授課的大牛。任何想學習的人都可以加入我們，但我們只歡迎想學習的人，而不是為了學習。
2.jQuery學習:
掌握了這些基礎知識之後，還需要學習jQuery，這是壹個優秀的Javascript庫，也是大規模開發所必需的。它簡化了Javascript復雜的操作，消除了Javascript的跨平臺兼容性問題，提供了大量實用的方法，有很好的文檔和幫助手冊，是壹個非常成熟的Javascript庫。海量開放在線課程網絡學習視頻窗簾課網絡。學習方法也很簡單。按照產品文檔做幾頁就行了。妳不必面面俱到。以後遇到問題查文檔就行了。
大概就是這個過程，如下圖所示:
3.高級學習:
有了上面的知識，妳應該可以為大多數小網站編寫工作代碼了。但如果想成為更專業的前端，還需要繼續努力。大概有四個更高的要求:易維護、易測試、高性能、低流量(移動)。
中級和高級前端
1.工具學習:在大型項目中，前端代碼構建不是簡單的壓縮。依賴管理、模塊合並和各種編譯步驟缺壹不可。妳需要學會使用grunt和gulp等前端構建工具。還需要學習:包管理器bower、npm、代碼優化CSS Lint、JSHint、JSLint、CSS預處理程序less、sass、代碼管理和版本控制svn、Git、web框架/服務器節點、Express、代碼規範、HTML模塊化、CSS模塊化。
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.了解服務器後臺技術，有壹定C#編程能力者優先；
8.對交互體驗、可用性、用戶體驗有壹定的了解；
9.有良好的責任心和團隊合作能力，能承受較大的壓力；
自己做搜索，確定目標和方向。以上是個人路線，僅供參考。