沒有基礎的話還是建議去報個班學習一下，有學習的氛圍，更能提高積極性和動力，有老師輔助，可以解決一些自己解決不了的問題，我以前自習Java，從學習搭建環境開始，都是一步一步照著影片來，但還是出問題，而且我自己沒有能力解決，後來在某公學習，才突飛猛進

隨著網際網路的快速發展，特別是移動網際網路的快速發展，我們生活中的各個方面都和網際網路發生著越來越密切的關係，我們的生活越來越離不開網際網路。Web前端越來越火，尤其是隨著網際網路的迅速發展，人們對於前端樣式的要求也越來越高，Web前端工作也變得越來越重要。很多人想要學習Web前端技術，成為一名Web前端工程師。但是如何學習web前端技術，怎樣才能高效的學習web前端呢?我覺得應該從以幾點著手:

第一、報名web培訓班進行學習

找一家知名度比較高的培訓學校參加Web培訓。一般專門的培訓學校的課程設定更加系統、更加合理。學習的效果有所保證，遇到問題可以及時解決，有些培訓學校還會和企業合作，學員的就業會有所保證，而且還可以碰到志同道合的朋友，不要小看這些志同道合的朋友，這些志同道合的朋友就是我們以後工作中的老師。以後可以一起學習、探討問題，一起進步。對拓展思路會有很大幫助，學習效果更好，當然效率也會更高。

參加Web培訓的弊端也是很明顯的，那就是學習成本較高，學習時間不自由。培訓學習是需要金錢成本的，學習成本可想而知是比較高的。但如果我們的時間比較充足，金錢又不缺的話，參加web培訓班是一個不錯得選擇。

第二、透過自己的努力進行自己學習

對於有些比較有自律的人，可以進行自學，時間上又比較自由。前提是要自律、要有耐心。學習前端程式設計，耐心在學習中是最最重要的，可以說是首要的，也是必須具備的前提條件。如果沒有耐心，註定你學不了程式設計，註定你成為不了一個前端的程式設計師。如果自學的話，就自學來講，不用多說，學習消耗的時間肯定會比較長，一般來講，自學都是利用碎片化的時間來學習，想要透過自學來學習web前端，並找到一個web前端的職位，我想大概需要差不多半年到一年的時間，畢竟技術能力提升還是比較慢的，自學需要有較強的自制力才會成功。

第三、自己學習，要學習哪些知識？

1、學習前端的第一步：

HTML是學習前端程式設計最最基本的知識，HTML是學習前端程式設計的第一步。學會了HTML、掌握了HTML知識，是你學習前端程式設計的開始，算是邁入了前端程式設計的大門。在剛開始學習HTML的時候，一定要記住每個標籤，後面在真正的工作運用當中，一定要去理解它。

2、學習前端的第二步：CSS

當我們學習了HTML，會製作網頁之後，如果希望我們寫出來的網頁非常的美觀、大方時，就要用到CSS來美化。CSS在美化網頁中扮演著重要的角色。HTML和CSS的關係，就像一個女人化妝和沒化妝的關係，如果一個女人素顏和化妝，她的容貌是不一樣的，化了妝的女人更精緻、美麗、漂亮。網頁也是如此，網頁也需要化妝，才能顯得更美觀、大方，網頁看起來才能更舒適。

3、學習前端的第三步：JS

JS是一種輕量級的程式語言，它所指的就是JS可以以少量程式碼完成一些高階語言的功能，JS就好比是一個軟體的外掛，一種工具，並且還可以很好的跨平臺。最主要的JS很容易學習，比較容易上手，網上的學習JS資源也比較多，給我們學習JS提供了極大的便利。

學習了HTML、CSS、JS這些最基礎的之後，我們就可以學習JQuery、AJAX了。JQuery、AJAX知識都是基於HTML、CSS、JS的，重點還是要學習好HTML、CSS、JS，只有學好了HTML、CSS、JS之後，掌握JQuery、AJAX知識就輕而易舉了。再加上我們的耐心，每天不斷的堅持學習，成為一個前端開發的程式設計師是很容易做到的。

想要高效學習任何一門語言之前都要清楚自己屬於什麼型別的學員。

1、第一種型別的學員就是掌握了某種語言。

2、第二種型別的學員就是一個小白，對任何語言都不瞭解的。

下面就來分析下這兩種型別的人如何高效的學習web前端開發。

首先要了解web前端開發是做什麼的？需要學習那些內容？

web前端開發簡單的來說是寫頁面跟後臺做互動的。語言學習的東西也挺多的，需要學習html、css、javascript。這三種語言是入門的，需要進階的話還要學習一些框架（vue.js、react.js、angular.js），好友很多庫需要去學習。

瞭解這樣就可以開始自己的學習之路了。

第一學員是有程式設計基礎的，他們有自己的學習方法，學習前端語言自然也會簡單了。

第二種學員是一個小白，沒有基礎的。我就是一個沒有基礎的人學習的。我現在是一個web前端開發，下面我就來講訴下我的0基礎學習之路吧。

剛開始的時候我學習的是html和css這個來說學的比較快一些大概兩個星期左右吧，然後就到網上找了個頁面做練習。我當時做的是小米官網和阿里雲官網（只寫的是靜態頁面）。

學完html和css以後就開始學習js了。js是比較難的，尤其是原生js，學完js之後需要學習jquery。js和jq是這邏輯的，與後端做互動，把資料展現在頁面上。

學習這兩門語言需要花費的時間多一點。基礎很重要，包括我現在已經工作了還在學習。

建議初學者可以去網上找一些影片學習，在影片的輔助下多看書，多練習，不明白就使勁的敲程式碼。

想要學習的朋友們加油(ง •̀_•́)ง，只要堅持就可以的！

程式設計，最重要的是實踐。

是的，實踐是你快速學習程式設計的基礎，Web前端也是一樣。

當然，你在實踐前，還是得需要學習一下Web前端知識的，不知道你現在的基礎是什麼呢？不管什麼基礎，我這邊認為就是沒有Web前端的經驗，寫一套學習階段安排吧。

一階段：學習HTML、CSS與JavaScript

這一階段，學習下HTML標籤、CSS樣式與JavaScript語言，你可以先過一遍語言文件，然後開始一個例子一個例子的寫一次，這個是打基礎，千萬別偷懶。

因為是基礎，所以講點容易點的，你去W3School上，把相關的文件看一次，練習一次就可以了。

地址：https://www.w3school.com.cn/

對了，還有IDE工具，瞭解下VSCode

二階段：如果已經完成一階段的，可以開始二階段的，這時候需要打勞下基礎

JavaScript深入理解的，推薦JavaScript紅寶書，不想看書，給你個網址，看這篇總結也行：https://juejin.im/post/59278e312f301e006c2e1510

CSS的，建議看下CSS揭秘這本書

對，你得順便看下ES6的語法，這個直接看阮一峰的就可以了，URL：https://es6.ruanyifeng.com/

這些瞭解完後，再瞭解下函數語言程式設計和JS設計模式，這些是基礎，為了你以後看程式碼能不費力，基礎還是很重要的。

再瞭解下什麼是閉包、EventLoop、宏任務、微任務，並瞭解下Chrome開發者工具，二階段就差不多了

三階段：這時候就要了解工程化了

二階段完成後，基本就可以寫些小指令碼，小工具，如果要做現代化的Web前端開發，你得了解Web開發中關於模組化、元件化的思想

這個階段，你先了解下什麼是模組化，AMD、UMD、CMD，然後再瞭解下Node.js和NPM，寫個小指令碼釋出到NPM上，然後學習下WebPack。

這些瞭解完後，再從Vue、React和Angular中選一個來了解下，如果是初學者，我建議先Vue，曲線不那麼陡峭

瞭解完後，就給自己立一個小專案，比如寫個TodoWeb或啥來著，開始編碼吧

編碼中你會遇到很多問題，慢慢解決這些問題，最終，你就已經學會Web前端了

一、重視基礎

首先建立第一條技能線，前端由html、css、js組成;然後將其細化為第二條線，html是由html4和html5組成;第三條線，css由css2和css3組成;第四條線，js由es5和es6構成。接下來是框架方面的延伸，css方向有les;html方向有bootstrap;js方向有jquery庫。

再往下延伸一層，html、css方向，有前端構建工具;js除了jq庫之外，還有更全面的前端框架，如react、angular、vue等。再往下細化，react是一個view層方案，為了讓它能夠全面解決前端需求，需要redux、react-router等作為補充。以上知識，都是一個合格的Web前端工程師應該掌握的。

二、發散學習

Web前端是豐富多彩的，你可以融入其中，但不能只停留在這一塊領域。如果你想要更好的發展，必須要多元化。比如做一個會Java後臺的前端，做一個偏UI的前端，做一個很懂技術的產品經理，這些都將是你的優勢。

企業其實並不需要你會很高深的技術，很多專案也用不上一些高難度的技術。大多時候，你能實現需求，能做出使用者體驗好的產品，能在特殊的階段兼任某個崗位，能做一些別人做不了的事情，你的存在就更有價值。總之在技術上要抓住一個重點，也要發散自己的技術點，走更寬的路。

三、總結學習方法並堅持

在技術領域，有太多的東西會迅速過時，如何能夠在這個領域長期處於不敗之地，那就一定要有好的學習方式並持之以恆。你需要提升自己的學習能力，並不斷的吸收新知識，突破自己。要記得，技術永遠沒有上限。

我們學習任何一門技術都得先從企業需求的角度來分析，到底這個市場需要怎樣的Web前端開發人才。這樣才能讓你有機會去思考滿足市場需求問題，進而可以確立一個可行的職業發展方向，最後達到自己想要的目標。

不要幻想什麼高效，要想在這個領域深耕下去，只能踏踏實實的打好基礎。vue、react、angular之類的先放一邊，js、css、html是不是都過關了？前端開發中，不管什麼框架，都離不開它們。http協議，websocket協議是不是都瞭解了？瞭解這些，在除錯後端介面時，不至於懵的一比。前端學習講的是由點到線，由線到面。沒有基礎雖然也能做前端，但那是混日子。我遇到過在展示樹元件時不會遞迴的（有時這個鍋應該甩給後端），margin padding傻傻分不清的，因為跨域問題不知所措的，等等。沒有歧視的意思，我遇到這樣的同事，都會詢問情況，儘快解決問題。初學前端，有個人帶是最幸福的，你可以少走很多彎路，或許這也是高效學習前端的捷徑吧。

首先我來闡述一個觀點，一般網上說自學沒啥用，培訓也很坑的，都是站在自己的角度上來說的，並沒有站在樓主的角度上來說。

自學真的好嗎？

很多時候我們認為自己真的能靠自學來學習一門技術，但是又有多少人真的是靠自學而來的呢？想一想我們上學的時候有老師，如果現在學習web前端，靠自己看影片、看書，得需要付出多少的努力才能達到想要的效果呢？並且有了問題也不能及時去解決，這時候適合自學、不適合自學就都知道了。

適合自學的人會想方設法去解決問題，而不適合自學的人，可能就會犯懶，直接的把問題擱置起來。並且自學真的很考驗自制力，自制力不好的人真的不適合自學，因為誘惑太大了！

其實，在大家想要學習的時候，都會有疑問：自學好？培訓好？今天就這個問題分析一下。

培訓機構學習優勢：學習時間花費相對來說，較短。自學時間會長一點，因為自控力什麼的都是非常考驗的。講師授課，可以隨時請教老師，遇到問題能及時解決，技術提升也會很快。系統的學習web前端知識。一般培訓都會有系統的課程，根據課程安排每天的學習，學習的內容很全面。管理嚴，培訓機構管理很嚴，就如黑馬，來培訓的都知道手機上牆，爭取最大限度的讓學生集中精神去學習，遠離手機誘惑。有夥伴，做起事情來更好。因為小夥伴的相互鼓勵，共同探討，不僅能讓你收穫一批朋友，還對學習有很大的幫助！自主學習優勢：自主學習成本相對來說較低，可以從網上找到相關的書籍、影片進行學習。鍛鍊自己，能從生活總鍛鍊自己自主的能力、控制力、協調力，對自身有一個很大的提高。學習內容會很深刻，自己一步一步學來的，很多知識會牢牢記住在腦海中。我這裡有一張自學web前端的學習線路圖，分享給樓主，不知道樓主你學到哪兒了。第一階段：

配套影片：

前端與移動開發基礎入門到精通

資料：https://pan.baidu.com/s/1pMPNzFP 密碼：557z

2018版Html5+Css3由淺入深教程

第二階段：

配套影片：

JavaScript高階教程

2018jquery教程資料

第三階段：

配套影片：

2018版Ajax教程精講

阿里百秀專案實戰

第四階段：

配套影片：

2018移動web進階教程

電商專案實戰

第五階段：

配套影片：

Nodejs教程精講

2018年Vue.js深入淺出教程

第六階段：

配套影片：

Reactjs入門教程

ReactJs精品教程

看了自主學習和培訓的優勢，劣勢就不多說了，大家肯定也得知道。所以如果樓主真的沒有任何程式設計基礎，自主能力又不強，可能培訓是相對來說好的出路。

我看了別人的說明，很不錯，所以我建議，樓主如果沒有基礎，又不想花錢，可以自學網上培訓機構的影片，基礎都是一樣的，入門還是沒問題的。至於更新的東西，當你入門之後也需要自己去學習，畢竟就算你從培訓機構出來，技術也是會更新的，還要學。求人不如求己，培訓機構我不推薦，有那錢，你都可以買個好一點的電腦學習，工作了。

網際網路的發展為我們的生活帶來了很多的便利，任何事情都可以開啟網頁透過電腦、手機來實現，所以，現在大家對使用者體驗的要求越來越高，Web前端自然也成為了熱門職業。那麼，要如何才能高效學習Web前端呢？下面給你一些建議！

1、首先在學習Web前端之前，你要搞清楚你想做什麼工作，你要做什麼工作崗位，至於工作職位這些在招聘網站上都有，工資待遇這些都是你學習的動力。

2、其次學習Web前端必須要有規劃，每一天給自己定任務。剛開始學習新的知識不能太多，要用科學的適合自己的學習方法，就好像學生時期我們都在一個班學習，但是很多人根本不會學，一天都只知道看影片，聽老師講，這根本不叫學習。學習和實踐要結合，學而時習之。

3、同時一個比較專業的學習路線也是很重要的，你對自己的規劃要明確，每一天該學習什麼就學習什麼，不要貪多，否則嚼不爛；但是很多人根本不知道每天應該學習什麼，即使學了知識點應該跟著什麼案例去練習都不是很明確。

4、還有系統的學習Web前端課程。雖然很多東西已經不用了，但是要了解，當時出現的背景是什麼，解決了什麼問題，這種思想對於我們以後解決問題可能會有幫助。人的思維是在潛移默化中形成和改變的，誰也不可能一下子就打通任督二脈，思維變得很靈活。這些都是一點一滴的積累，你能想出怎麼去解決問題的方法其實都來自你曾經積累的思維中，只不過當遇到問題的時候對症下藥而已。

5、最後，學習Web前端要多問多請教。如果很多專業問題根本解決不了，最好有專業人士帶你學習，無論是請教同事，還是自己透過查閱資料，自己解決都是學習的過程，只有當你自己解決了實際問題，你才能更好的掌握，理解的更深刻，這樣才能達到事半功倍的效果。

Web發展的很快，甚至可以說這些技術幾乎每天都在變化！如果沒有快速學習能力，就跟不上前端發展的步伐。新手在學習的過程中自然會遇到各種問題，想要快速高效的學習，參加培訓班不失為一個好的選擇。

先學好HTML5、JQuery、JavaScript、CSS3、等基礎核心內容，並掌握牢固。然後學習響應式佈局、NodeJS、AngularJS、Bootstrap、React等當前網際網路開發的最新技術。接下來就是要根據前面所學技術，開始著手做專案，進行實際操作，豐富自己專案經驗。一般自學的效率都不是很高，建議報一個培訓班。