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