給妳幾點建議和學習路線，參考壹下：
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數據庫)
入門書籍：
《JavaScript DOM 編程藝術》
超級前端暢銷書，作為前端程序員必讀兩遍以上的書籍，這本書籍特別適合初學前端的新人，前端的核心技術就是JavaScript，同時也是前端的難點。而這本書非常適合入門，通俗易懂，生動的案例可以讓初學者更好的進行理解。所提及的很多編程思想卻適合低中級層次的前端開發者學習。
《JavaScript權威指南》
同樣是前端程序員必讀的壹本書籍，不僅適合初學者，還適合那些已經在做前端工作的程序員進行隨時翻閱。裏面涵蓋了JavaScript的所有內容，以及web瀏覽器所實現的JavaScript API。對於了解js的基礎知識，比如對象，數組，語法，作用域，閉包等等都很有幫助。
《JavaScript 高級程序設計》
如果妳想把JavaScript非常完全的系統學習壹遍，我強烈推薦這本書，這本書可以壹直保留，在用這本書的過程中還可以畫下重點，以後可以作為參考，是工作中非常強力的幫手。面試的時候也可以很好的應用上，我們俗稱的“紅寶書”。
《妳不知道的JavaScript》
這本書不適合前端的初學者，想要深入的了解JavaScript原理，這是每壹個前端程序員必須要研究的壹本書籍。要讓不求甚解的JavaScript開發者迎難而上，深入語言內部，弄清楚JavaScript每壹個零部件的用途。如果可以把這本書吃透，那麽以後理解任何東西都可以很快的理解和掌握。
《Vue.js權威指南》
Vue作為現在前端的主流框架，在國內應用最為廣泛，所以了解Vue原理必須要啃壹本Vue的書籍。我之所以推薦這本，是因為這本書對於引導初用Vue的開發者有著質的提升。從基礎知識到主流打包以及源碼解析，還有很多實踐的案例，都是壹本不錯的實用性書籍。主要內容包括數據綁定、指令、表單控件綁定、過濾器、組件、表單驗證、服務通信、路由和視圖、vue-cli、測試開發和調試、源碼解析及主流打包構建工具等。該書內容全面，講解細致，示例豐富，適用於各層次的開發者。
《編程之美》
無論是什麽崗位的程序員，必讀的壹本書籍，沒有讀過這本書的程序員幾乎都是假程序員。這本書有60道算法和程序設計題目，這些題目大部分在近年的筆試，面試中出現過，或者是被微軟員工熱烈討論過。作者試圖從書中各種有趣的問題出發，引導讀者發現問題，分析問題，解決問題，尋找更優的解法。可以大幅度提高自己的編程思維和對於這個行業的深入思考，最終變成技術大牛。
相關的視頻教程妳需要的話，可以加壹下我問我要，視頻教程、文檔資料、源碼教程都有。