自學方法：
1、作為壹個初學者，妳必須明確系統的學習方案，我建議壹定有壹個指導的人，全靠自己學，放棄的幾率非常大，在妳對於web前端還沒有任何概念的時候，需要壹個人領進門，之後就都靠自己鉆研，第壹步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。
2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麽？看來看去什麽都不會寫，所以在這裏給大家提醒，書可以看，但是是在建立於妳已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於妳對於知識的理解。
3、對於學習技術來講，掌握壹個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，壹旦學習方法不對，可能就會造成“方法不對，努力白費”。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，壹定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合妳自己的學習法方法是學習的前提。
4、不建議自己壹個人瞎學，在我了解學習編程的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是幹什麽的，學什麽的，就盲目的買書看，到處找視頻看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教壹下，聊過之後妳就會知道web前端具體是幹什麽的，該怎麽學，這是我個人的小建議，可以不采納。
自學路線：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、壹、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL數據庫)
基礎書籍：
1、《Head First HTML與CSS(第2版)》，入門真的是經典書籍，手把手教學，豐富的案例讓妳從 0 開始學前端。
2、《CSS權威指南(第三版)》，這本書作為 CSS 的經典著作，把原理講得非常的通透，除了 w3c 標準，算最權威的壹本了，畢竟權威指南。
3、《CSS揭秘》神書，47 個 css 技巧讓妳在面對各種 css 問題的時候遊刃有余。是 css 書籍中評分最高的了，css 進階必備。
4、《javascript語言精粹》，這本書可以在入門之前了解壹下基本語法，以及在學習之前可以了解下 JS 裏面的精粹以及糟粕，雖然這本書很薄很薄，但是值得反復去讀的壹本書。
5、《JavaScript DOM編程藝術(第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之後，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等壹批至關重要的 JavaScript編程原則和最佳實踐。
6、《JavaScript權威指南》：犀牛書是每個FE都繞不過的壹本書，可以先大致通讀幾遍，也可以把其當作工具書，時時翻閱。
視頻教程:
網頁鏈接
望采納~