自學的話，方式上無非那么幾種：

• 通過看書進入自學的渠道
  

• 看一些培訓機構的自學視頻

• 找一位大牛老師帶你進入前端的行列

自學前端看什么書比較好？

《HTML5移動Web開發》

近些年，移動互聯網迅速進入人們的生活、工作中。在移動互聯網中起支撐作用的網頁、APP等開發技術也已經成熟。除了原生的Android與iOS外，HTML5也是移動Web技術中不可忽視的一種開發模式。

本教材詳細講解了HTML5在移動Web開發中的應用，包括多媒體、canvas、本地存儲、離線應用、地理定位、拖曳、文件操作、移動端事件、移動端常用布局等，除這些相對獨立的技術點講解，本教材還講解了當下使用最為廣泛的移動Web框架Bootstrap，并且在教材中穿插了兩個綜合項目，將所講所學應用到實際開發中。

《響應式Web開發項目教程（HTML5+CSS3+Bootstrap）》

互聯網的世界離不開前端開發，大前端時代最大的特點在于一次開發，同時適用多個平臺，可以說是Web統一的時代。本書將當前熱門響應式Web開發與HTML5和CSS3完美的結合起來，以項目為導向，深刻且通俗地揭示了Web前端開發的內幕。

全書共8個單元，詳細講解了HTML5、CSS3、JavaScript基礎、響應式Web設計、Bootstrap等技術的應用。第1單元從宏觀角度介紹了響應式Web開發的基本概念以及HTML5和CSS3的新特性，讓讀者對它們一個初步的理解和認識；第2~4單元講解了HTML5和CSS3中的一些常用標簽和屬性，它們是響應式Web開發必備的基礎知識；第5單元講解了HTML5畫布，作為HTML5的標志性突破，它是本書的一大亮點；第6單元講解了HTML5的音頻和視頻功能；第7單元深入講解了響應式Web設計的相關技術點，它是高級的前端開發人員的必要修養；第8單元講解了Bootstrap的下載、安裝以及相應組件的基本應用，它是一個非常高大上的響應式設計神器，愛技術的你，絕對值得擁有。本書深入淺出、通俗易懂語言闡述其中涉及的概念，對相應知識點列舉了典型詳實的Web應用案例，最后將知識點應用的綜合項目當中，并提供頁面效果展示、項目分析和詳細的代碼實現，使讀者在掌握知識點的同時擁有相應的項目經驗。

自學前端看什么視頻好？

目前市面上有很多的前端視頻，比較系統的建議看黑馬程序員，有學習路線圖！

初級階段：

中級階段

高級階段