自學前端，最重要的是規劃好學習內容和學習階段，遇到問題及時解決，堅持學下去。

找工作難不難？

學到企業需求的技術，能為企業解決問題，找工作是不難的。

如果學完發現給你個專案不會做，不知道用什麼技術，那麼找工作是很難的。

Web前端學習一共分為六個階段

第一階段Html5+CSS3：主要學習HTML5基礎、CSS基礎、HTML5進階、CSS3進階、Less

第二階段JS互動設計：主要學習JavaScript核心語法、DOM和BOM、JavaScript高階進階、面向物件程式設計、Touch、jQuery、Zepto

第三階段Node開發：主要學習JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模組化、WebSocket+Koa2

第四階段前端框架：主要學習Vue基礎、Vue進階、TypeScript、React

第五階段小程式+資料視覺化：主要學習小程式基礎、雲開發、uni-app基礎、資料視覺化

第六階段就業指導+專案提升：就業指導、企業面試覆盤

優就業的Web前端課程以專案為驅動，從第一階段到第六階段以實戰專案為教學出發點，學員可以透過PC端專案：《小U商城-PC端》、移動端webApp專案：《小U商城-移動端》、響應式專案：小U商城後臺管理系統、優學線上、小U商城電商專案、優社群專案、菜譜雲平臺、課堂監管大資料系統、優就業辦公系統在實戰中學習Web前沿開發技能。

看你學習的初衷是什麼吧，如果是個人興趣，只想業餘學習一下，自學是不錯的選擇，只不過學習時間會比較長，但是如果是想從事這一塊的工作，之後往前端行業發展的話，去機構學習還是很有幫助的，而且如果是零基礎的話，不建議自學，因為自學需要很好的自制力，學習理解能力等等，很多自學的時間戰線會拉很長，而且一些小問題都容易卡住，找不到解決方法，影響學習進度，從而很多最後半途而廢放棄學習。在機構的話，學習比較系統，還有專門的老師授課和解決問題，而且一群同學一起學習，學習氛圍和環境都是很不錯的。

怎麼選機構，主要看授課方式，師資，服務和就業，最好能自己親自上門看看 ，感受一下學習環境和氛圍。

中公優就業的課程就不錯，小班，面授，老師面對面教學，課程是理論和實踐相結合，有豐富的實戰經驗，學習之後還推薦就業。

我建議去培訓機構，首先自律和時間問題，第二遇到難點沒有專業的人指導，指望百度的話真的考驗大腦，第三接觸的實戰經驗較少，中公優就業在這一塊做的挺不錯的，可以瞭解一下

不知道你有沒有相關的程式設計基礎，如果有一些基礎，可能自學會有一些優勢。如果是零基礎，自學就比較困難了。畢竟這兩年教網際網路發展的很快啊，以前前端用得最多的html，css，js，學會這些似乎就能有一份工作，現在真的不行了，三大框架，伺服器，小程式，對專案的要求也越來越高，所以還是看技術，學好了找工作自然不是問題。先打打基礎，看看自學的學習效果，如果可以，報班確實會學習的比較快。你可以參考下北京尚學堂的前端課程內容，特別全面，而且實戰專案很多，體系是非常完善的。我有朋友在那學的，畢業一萬三，挺不錯的。

告訴你別浪費那時間，自學效果一點都不好，浪費精力時間，有那時間早培訓完了，掙錢了。

現在企業招聘要求很高，技術不過關，簡歷基本石沉大海！

你可以去百戰程式設計師瞭解下，實戰派教學，教學老師嗯挺負責！早點學完早點賺錢才是硬道理

兩條路：自學或者找培訓班，找培訓班的話，我推薦尚學堂，在國內講師質量比較高。這塊我們一點就過，我主要講下怎麼去自學。對於自學最直接的方式就是看影片學習，可以是線上影片，比如慕課網，麥子學院，極客學院都有從入門到精通的前端課程，這些影片都差不多，隨便選一套就行，入門課程都一樣，不用糾結於選哪一個。目前Web前端課程分為三大階段：前端頁面重構、前後端網頁互動、Node.js + 前端框架。只要大家好好學習以上技術，在自身的努力之下，學完後找到一份滿意的工作並不是難事。

自學前端遇到的問題會比較多，尤其是沒有人教，不知道下一步該怎麼辦？這時候你就需要一套前端學習路線圖，跟著路線圖走，學習才會更好哇！

學前端可以來看我這一套2020年前端學習路線圖，更新了企業常見技術難題，符合企業的用人標準（可學到的知識如下圖：）

以下送給要自學前端的小夥伴，整套學習路線圖+工具+影片+原始碼

2020年黑馬程式設計師學習路線圖（每階段可掌握的學習能力）

自學可能是前端圈最主流的入行方式，因為較低的准入門檻，造就了近幾年的前端熱。越來越多的人想自學前端，但前端技術經過爆炸性的發展，如今早已不是當年那個HTML+CSS+Javascript打天下的時代了，這對自學者來說會造成很多困擾，不知從何學起。我自學前端6年了，本文整理了可能對新人有幫助的一些建議，希望大家在前端路上能少走彎路，也算暗合了本部落格的主題了^ ^。

學習前端，基礎先行

自學前端一定要從基礎開始學，按照html5規範，系統學習html+css+JavaScript。

其中html+css屬於檢視開發技術，天生就是要一起學，一般兩週左右可以學完；JavaScript屬於邏輯層，這是一門獨立的語言，自成體系。不過具體到Web前端開發中，JavaScript又可以與檢視層配合，響應互動操作，實現互動效果，完成業務開發，如果你有良好的語言基礎，學JavaScript也會非常快。學JavaScript開發網頁，可以一併學習jQuery，不要聽別人說jQuery過時就沒興趣，jQuery是對JavaScript非常良性的封裝，雖然過時但至少無害，而且其中的封裝思想對日後的提升大有裨益。

打基礎期間要耐得住寂寞，你學的這些東西相對當下的熱門名詞而言，會顯得非常基礎老舊，ES6、Typescript、Nodejs、WebPack、Vue、React、MVVM、單向資料流/雙向繫結、WPA、等等等等，都不要急於學習，他們都是基礎之上開出來的花，基礎好了，理解這些東西順理成章，基礎不牢，專門摘花摘果，也是空中樓閣不能持久，尤其不要過早接觸高階框架，這是有害的。

自學的重點是理清技術脈絡

自學過程中，除了學技術本身，更重要的是理清技術脈絡，用技術脈絡將技術串聯起來，形成系統。

只有技術成了體系，才能發揮出技術真正的能力，這也是為什麼我認為過早接觸高階框架是有害的，因為不利於形成健全的技術體系，一旦框架本身出了問題沒有解決思路，更可怕的是，即使向別人求助，都不能準確定位問題，因為問題所發生的地方，很可能不在你的技術脈絡中，這就非常可悲了。

基礎打好以後，應該有能力模仿開發大部分日常見到的網頁和效果，這時再去關注前面提到的那些技術名詞，去思考他們與核心技術的關係，他們的應用場景是什麼，比我現在的開發手段有什麼優勢，同樣解決這個問題的還有哪些技術，他們橫向上相比有什麼異同。前端技術在幾年的時間裡爆炸性發展，但理清脈絡後就會發現，前端開發技術核心的改動非常小，新技術無非是在開發效率、維護性、效能方面的探索。

這些東西都是好的，但不是必須的，要有選擇的學習。當你不知道學一個東西具體有多大用處時，那就不要學，只要搞明白它“是什麼”和“為什麼”就可以，畢竟時間不是無限的，但技術的深度卻近乎無限，即使相對簡單的html+css，很多人做了好幾年都未必真的學會了。

視野才是最高的技術壁壘

學前端但不要止步於前端，要探索所有的關聯技術。前端開發體系只是Web開發體系的一部分，而Web開發體系又只是軟體開發體系的一部分，最終，開發不過是業務的一環，而業務本身又只是商業的一環。認清自己所處的位置，盡一切可能擴大視野，有一天你會發現，視野才是最高的技術壁壘。

積累自己的優質證明

工作中最核心的競爭力就是基礎知識和學習能力，這兩種東西等於無限大的潛力。但具體到面試中，公司更希望你能直接接手現有業務，所以對口的技術棧和一定的工作經驗是首要條件。技術棧可以自己補齊，工作經驗如果沒有，那至少要提供足夠的“證據”，證明你值得讓公司為你試錯。比如部落格可以作為學習軌跡的證據，專案可以作為動手能力的證據，演算法是基礎紮實的證據，作業系統知識是視野寬闊的證據，對我個人而言，如果你能講出一個相對完整的前端知識脈絡，就是很大的加分項。注意積累和總結，等著量變引發質變的那一天。

關於個人專案

優秀的個人專案毫無疑問是求職者最佳的名片，但對新人來說，沒有經驗沒有技術，很可能把專案和DEMO搞混了。

專案的目的一定是證明自己，而不是串聯儘量多的知識點，把一個新穎又貼合實際的想法變成現實，比運用十八般武藝做出個無聊的東西要好的多。只要技術棧符合公司要求，剩下的我會更看重這個專案有哪些新穎的想法，有哪些另闢蹊徑的手段，如果能有真實使用者在使用，那就更好了。

實際上，當你真的動手去做一個自己有興趣的東西時，自然會不滿足於對已知技術的簡單應用，不由自主的就會去深挖瑕疵背後的原因，去查詢更好的解決方法，而這正是日後工作中最能拉開你與同事間差距的能力——解決未知的問題。

自學的話，方式上無非那麼幾種：

透過看書進入自學的渠道

看一些培訓機構的自學影片

找一位大牛老師帶你進入前端的行列

自學前端看什麼書比較好？

近些年，移動網際網路迅速進入人們的生活、工作中。在移動網際網路中起支撐作用的網頁、APP等開發技術也已經成熟。除了原生的Android與iOS外，HTML5也是移動Web技術中不可忽視的一種開發模式。

本教材詳細講解了HTML5在移動Web開發中的應用，包括多媒體、canvas、本地儲存、離線應用、地理定位、拖曳、檔案操作、移動端事件、移動端常用佈局等，除這些相對獨立的技術點講解，本教材還講解了當下使用最為廣泛的移動Web框架Bootstrap，並且在教材中穿插了兩個綜合專案，將所講所學應用到實際開發中。

網際網路的世界離不開前端開發，大前端時代最大的特點在於一次開發，同時適用多個平臺，可以說是Web統一的時代。本書將當前熱門響應式Web開發與HTML5和CSS3完美的結合起來，以專案為導向，深刻且通俗地揭示了Web前端開發的內幕。

全書共8個單元，詳細講解了HTML5、CSS3、JavaScript基礎、響應式Web設計、Bootstrap等技術的應用。第1單元從宏觀角度介紹了響應式Web開發的基本概念以及HTML5和CSS3的新特性，讓讀者對它們一個初步的理解和認識；第2~4單元講解了HTML5和CSS3中的一些常用標籤和屬性，它們是響應式Web開發必備的基礎知識；第5單元講解了HTML5畫布，作為HTML5的標誌性突破，它是本書的一大亮點；第6單元講解了HTML5的音訊和影片功能；第7單元深入講解了響應式Web設計的相關技術點，它是高階的前端開發人員的必要修養；第8單元講解了Bootstrap的下載、安裝以及相應元件的基本應用，它是一個非常高大上的響應式設計神器，愛技術的你，絕對值得擁有。本書深入淺出、通俗易懂語言闡述其中涉及的概念，對相應知識點列舉了典型詳實的Web應用案例，最後將知識點應用的綜合專案當中，並提供頁面效果展示、專案分析和詳細的程式碼實現，使讀者在掌握知識點的同時擁有相應的專案經驗。

初級階段：

中級階段

高階階段

前端的缺口還是挺大的，找工作沒問題的哦，

這裡推薦你看看b站自學的影片。自學一定要堅持，不堅持就很難了。

這裡給你推薦一個up主：愛程式設計的小fafa。

他發的課程都講的挺清晰的，希望可以幫到你哦