零基礎學習前端的話，自學和培訓兩條路。
自主學習成本相對來說較低，可以從網上找到相關的書籍、視頻進行學習。鍛煉自己，能從生活總鍛煉自己自主的能力、控制力、協調力，對自身有壹個很大的提高。學習內容會很深刻，自己壹步壹步學來的，很多知識會牢牢記住在腦海中。
自學的話，妳需要註意以下幾點：
1、興趣動力
俗話說得好，興趣是最好的老師。不管是零基礎還是有經驗，想要學習某樣知識就需要對它產生興趣，帶著探索求知的心態去接觸、了解並學習它，會使自己更加容易接受新知識，而不是為了完成任務似的機械性學習，枯燥無味，重復內容，這樣只會讓自己對學習內容產生抵觸和厭煩的心理。
2、學習規劃
學習前端，資料必不可少，閑暇之余上網查查壹些相關的前端書籍和視頻教程都可以，兩者結合著看。書籍補充基本知識，打好基礎才是關鍵；視頻教程提升技能操作度，讓自己熟練掌握知識，可以看自己的實際情況決定。
其次，不管妳是學生還是上班族，想要學好某樣技能就必須安排好學習它的時間，做好兩全其美的準備，不要拆了東墻補西墻，最後只會兩敗俱傷，得不償失。
3、堅持與指導
很多人剛開始都是信心滿滿豪情萬丈的學習前端，但是過不了多久就都蔫了，臨陣脫逃了，為什麽？是學習內容枯燥無味還是知識越學越難學不下去？都不是，是妳自己沒有堅持學下去的勇氣罷了；我可以告訴妳，科技在進步，學習內容也會越來越多，難易程度也會隨之提升，不僅實現在難，將來會更難，堅持不下去，那妳就趁早放棄，別浪費時間和精力。
還有壹點，妳需要壹位指引人，單單靠自己是學不下去的，尤其是小白。學習過程中會有很多問題，如果妳沒有壹位幫助妳解決問題的老師，只會死磕答案的話，不僅得不到對的答案，也走不了多遠，只會半途而廢。好的老師不僅學習上可以幫助妳，還會在生活、心理上幫助妳，為妳排憂解難。
自學方法
1、作為壹個初學者，妳必須明確系統的學習方案，我建議壹定有壹個指導的人，全靠自己學，放棄的幾率非常大，在妳對於web前端還沒有任何概念的時候，需要壹個人領進門，之後就都靠自己鉆研，第壹步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。
2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麽？看來看去什麽都不會寫，所以在這裏給大家提醒，書可以看，但是是在建立於妳已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於妳對於知識的理解。
3、對於學習技術來講，掌握壹個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，壹旦學習方法不對，可能就會造成“方法不對，努力白費”。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，壹定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合妳自己的學習法方法是學習的前提。
4、不建議自己壹個人瞎學，在我了解學習編程的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是幹什麽的，學什麽的，就盲目的買書看，到處找視頻看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教壹下，聊過之後妳就會知道web前端具體是幹什麽的，該怎麽學，這是我個人的小建議，可以不采納。
學前端的話，書籍是必不可少的：
1、《JavaScript高級程序設計(第3版) 紅皮書 》，適合有壹定編程經驗的Web應用開發人員閱讀，也可作為高校及社會實用技術培訓相關專業課程的教材。
2、《JavaScript權威指南(第6版)》 犀牛書，本書不僅適合初學者系統學習，也適合有經驗的 JavaScript 開發者隨手翻閱。
3、《JavaScript DOM編程藝術 (第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之後，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等壹批至關重要的 JavaScript編程原則和最佳實踐，並全面探討了HTML5以及jQuery等JavaScript庫。
4、《CSS權威指南(第三版)》，不管妳是壹個有經驗的Web開發人員還是壹個徹底的初學者，《CSS權威指南(第3版)》都是妳的CSS學習源泉。
5、《JavaScript設計模式》，適合JavaScript初學者、前端設計者、JavaScript程序員學習，也可以作為大專院校相關專業師生的學習用書，以及培訓學校的教材。
6、《妳不知道的JavaScript(上中下卷) 》，本書既適合JavaScript語言初學者了解其精髓，又適合經驗豐富的JavaScript開發人員深入學習。
7、《Vue.js權威指南》，該書內容全面，講解細致，實例豐富，適用於各層次的開發者。
學習路線：
第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、是否最懂前端
為什麽要看重培訓機構這壹點呢?因為前端是壹門銜接UI和後臺開發的職位，這個機構只有同時懂前端設計和後臺開發才能做出最全面、最專業的前端課程，我們才能學到高性價比的web前端課程。
2、web課程設置是否等於企業招聘要求
選擇培訓機構的時候要看該機構是否包含了全面的web系列課程，企業需求的技能是否在課程中都有相關的內容。另外，我們除了要看培訓機構教不教這些內容，還要看培訓機構的在這些技術領域是否專業，web前端工程師課程完全專註於前端知識，全面、深入的講解HTML5、CSS3、Java、JQuery等內容，我們要看培訓機構是否能將這些核心知識讓我們學到極致。
3、妥善的就業保障
首先，這個培訓機構是否有課程體系的保障，能讓我們邊學邊練，並且能夠分階段的讓我們學會前端所有的技能。
其次，這個培訓機構是否有師資團隊保障體系，是否有總監級講師授課和上項目實戰經驗課，是否有技術最牛的行業老師，是否有完善的同步教學系統。
參加培訓班的話，學習時間花費相對來說，較短。自學時間會長壹點，因為自控力什麽的都是非常考驗的。講師授課，可以隨時請教老師，遇到問題能及時解決，技術提升也會很快。系統的學習web前端知識。壹般培訓都會有系統的課程，根據課程安排每天的學習，學習的內容很全面；管理嚴，培訓機構管理很嚴；有夥伴，做起事情來更好，因為小夥伴的相互鼓勵，***同探討，不僅能讓妳收獲壹批朋友，還對學習有很大的幫助！
最後，歡迎加入我的前端qq交流群，裏面也是壹群學前端的小夥伴，我們可以壹起學習，互相監督，互相交流學習經驗，壹起進行項目實踐，還有很多學習資料哦~期待妳的加入。