可以靠自學，你可以看看我這個回答，裡面也有一份學習路線，能夠告訴你需要學習哪些知識：

如何系統的自學前端??

www.zhihu.com圖標

可以是可以，但是能堅持到最後的人很少，自學不好的一個點就是沒有項目可以去實踐，而且自學很靠個人的控制能力，其實前端學習的知識有點多，基礎的HTML、CSS、Javascript、原生js、AJAX、jQuery、還有現在很多公司在使用的Vue、React框架、node。寫都寫不完，不想寫下去了，要是你想要做遊戲開發，你還要學白鷺遊戲。其實這些都是必備要學的，出來找工作不僅看你技術，還要看項目開發經驗，曾經做過啥項目。要求還是很高。

web前端可以自學。但最終是報web前端培訓班學習還是您自學，決定權還是在於您自己。

二者之間是各有利弊：

1、 時間，自學需要的時間相對於培訓來說週期要長

2、 費用，自學所花的費用要少一些，培訓的話除了食宿費、還需要學費等一些相關費用，而自學除了食宿最多也就是在花幾百買些學習資料。

3、 技術，自學web前端在技術方面可能比較淺，培訓班學習的話可能就會學習的更加深入一些。

如果是自學的話一般也是需要具備一定的前提條件的，比如：自己的自制力要強一些，不然的話很容易導致半途而廢，學習時間一定要合理化，每天要抽出3個左右的時間學習比較好，最好學習理解能力要強，解決問題的能力要強，如果這兩項不具備的還就不臺適合自學了。

如果是參加web前端培訓，那麼就要按照web培訓班的學習計劃，課程內容安排進行學習，時間掌控方面不是很自由，需要按照培訓班的要求來完成學習，但是在web培訓班可以有良好的學習氛圍，更容易激起學習興趣，除此之外，遇到難點，或者是難題都可以找老師或者是同學請教交流。學習起來感覺更容易。

至於要學那些知識？

第一階段——HTML的學習

超文本標記語言（HyperText Mark-up Language 簡稱HTML）是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。因此，我們必須掌握HTML的基本結構和常用標記及屬性。

HTML的學習是一個記憶和理解的過程，在學習過程中可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果，在「代碼」視圖中學本質，將各種視圖的優勢發揮到極致，這種對照學習的方法彌補了單純識記HTML標籤和屬性的枯燥乏味，想必對各位初學的小盆友們來說必定是極好的！

在學習了HTML之後，我們只是掌握了各種「原材料」的製作方法，要想蓋一幢樓房就還需要把這些「原材料」按照我們設計的方案組合佈局在一起並進行一些樣式的美化。

於是進入第二個階段——CSS的學習　　

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

同時CSS中的盒子模型、相對佈局、絕對佈局等能夠實現對網頁中各對象的位置排版進行像素級的精確控制。通過此階段的學習，我們就可以順利完成「一幢樓房」的建設。

「樓房」建設完成之後，我們可以交給用戶使用，但是如果想讓用戶獲得更佳的體驗，我們還可以對「樓房」進行更深一步的「裝修」，讓它看起來更「豪華」一些。

為了完成這個任務，我們進入第三個階段——JavaScript的學習

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，藉助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那麼呆板，屌絲瞬間逆襲高富帥！有麼有？

但是JavaScript的兼容性和複雜性有時候的確讓我們頭疼，還好有「大神」幫我們做了封裝。

接下來我們進入第四個階段——jQUery的學習

jQuery是一個免費、開源的輕量級的JavaScript庫，並且兼容各種瀏覽器（jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持），同時現在有很多基於jQuery的插件可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其write less,do more的核心宗旨。這個Feel倍兒爽！有麼有？

「豪華大樓」至此拔地而起，但是每天這樣日復一日，年復一年的蓋樓，好繁瑣！能不能將大樓裡面每一個單獨部件模塊化，當需要蓋樓時就像堆積木一樣組合在一起，這樣豈不是爽歪歪？可以實現嗎？答案是肯定的。

這種思想在Web前端開發中也是適合的，於是乎就出現了各種前端框架，在這裡推薦給大家的是Bootstrap。 Bootstrap是Twitter推出的一個開源的用於前端開發的工具包，是一個CSS/HTML框架，並且支持響應式佈局。一經推出後頗受歡迎，一直是GitHub上的熱門開源項目。

在項目開發過程中，我們可以藉助Bootstrap提供的CSS樣式、組件、JavaScript插件等快速的完成頁面佈局和樣式設置，然後再有針對性的微調樣式，這樣基於框架進行開發大大縮短了開發週期。站在巨人的肩膀上就是爽！

Web前端的學習建議

　1、作為一個初學者，你必須明確系統的學習方案，我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。

2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這裡給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。

3、對於學習技術來講，掌握一個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。

4、不建議自己一個人瞎學，在我瞭解學習編程的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不瞭解web前端是幹什麼的，學什麼的，就盲目的買書看，到處找視頻看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教一下，聊過之後你就會知道web前端具體是幹什麼的，該怎麼學，這是我個人的小建議。

web前端學習、面試；文檔、視頻資源免費獲取

1、web前端學習、面試；文檔、資源免費獲取?

shimo.im圖標

謝邀~

題主可以看看我回答過類似的問題。

很好奇，web前端都是自學嗎？?

www.zhihu.com圖標怎麼學前端啊，求？?

www.zhihu.com圖標

題主可以根據自己的實際情況判斷

有可以需要我幫助的或者是獲取資料都可以私聊我。

如果我的回答【對你有幫助】的話，幫忙【點個贊】讓更多人看到吧，感謝！

完全可以的，先學html,css然後再學JavaScript基礎，後面再學框架vue,react之類的，參與項目開發。當然，還是得看興趣

可以啊

看市面上的招聘，大致的崗位需求是什麼就去學什麼

推薦閱讀：
相關文章