要麼自學，四處蒐集資料，一路磕磕絆絆，可能不完整，不繫統，專案不夠，就業需要一些運氣。要麼是培訓一下，前期費心瞭解，對比，課程準備好了，專案準備好了，老師監督著，就業資源也準備著，你只需要多多努力掌握技術就可以，所以結合自己的情況考慮。選擇機構也很重要，畢竟要投入經濟和精力的。我也在學習這方面，剛開始自學過不到一年的時間，很頭大，可能是因為學習能力不強吧，很多東西一知半解，而且一個問題解決不了特別掉頭髮。後來不甘心放棄，選擇了培訓。當然也對比過特別多的機構，最後選擇了百戰程式設計師線上學習平臺，因為還要工作，選擇了線上。他家的課程很完整，而且更新的很快，我報名的時候不到一千集，現在已經一千五百多集了，報名了的學員都是享受免費更新學習，所以覺得特別划算，專案也多，收穫挺大的。技術老師也特別有耐心，感覺很溫暖。而且價格方面，我瞭解過好幾家大機構，很多都是一萬多，他家算便宜的，但是我剛畢業不久，所以是分期付的，他們還給了我免息名額，我覺得這個很棒。而且高淇老師的學習視訊我也看過，他家資深老師不少，還有匿名建議，嚴格考核，所以我才放心選擇的。你也可以多瞭解下，多對比，課程和師資是基礎保證，有的機構用實習生講課，我也是不懂了。多瞭解，選擇適合自己的吧。

所以語言來學習都有共同之處。作為一名年輕數的前端開發轉的話，如果從零到一去學習前端開發知識，我給出以下建議。

這裡你需要熟悉HTML各個標籤的功能和作用，學習css的各種屬性等。因為你拿到美工提供給你的設計之後，把它開發成一個精美頁面，就在是內容來說，需要HTML和css的知識。如果你不清楚每一個屬性是什麼樣子的，那麼你在開發的時時候效率比較低，還先查一下需要用什麼屬性再進行開發。

這類知識的學習可以充分利用目前的線上平臺，例如菜鳥教程，慕課網等等。如果你想通過書本學習，可以找銷量比較高的書。

在前端裡js是非常重要的，頁面中的聯動資料處理，或者是彈窗或者是一些觸發事件等等，都是需要js來實現的。

js就要比html和css複雜很多，你可以用js實現一個演算法，而另外兩種不能。書籍的話推薦《avaScript DOM 程式設計藝術》、大厚本里Zakas的《JavaScript高階程式設計》 、犀牛書《JavaScript權威指南》、《高效能JavaScript》等等

JavaScript學習可以參考上面提到，從零到一，從一到N，循序漸進掌握。此外，還需要學習AJAX、jQuery相關知識，一個是跟後端互動，一個是快速、簡潔的JavaScript框架。

web前端三大主流框架都是Angular、React、Vue。前端框架的使用可以讓你如虎添翼，更方便快速的開發。

(1) Angular

Angular原名angularJS誕生於2009年，之前都是用jquery開發，自從angular的出現讓開發者有了新的選擇，這個框架之前開發中有使用過，它把後端的一些開發模式移植到前端來實現，如MVC、依賴注入等。

(2) React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益於其創新式的VirtualDOM，效能上碾壓angularJS，一經推出，火的一塌糊塗。 特點很多，VirtualDOM、JSX、Diff演算法等，支援ES6語法，採用函數語言程式設計，門檻稍高，但也更靈活，能讓開發具有更多可能性。

(3) Vue

Vue作為最晚推出的框架（2014年），借鑑了前輩angular和react的特點（如VirtualDOM、雙向資料繫結、diff演算法、響應式屬性、元件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。國內目前使用vue的開發者越來越多，的確也比較好用

除了一系列基礎知識的學習之外，必要的開發練習還是很重要的。你在學習基礎知識的時候同時加以練習，這樣你可以知道每一個變數它具體實現的是什麼樣的效果。

其實是將你學過的所有知識給我廢話哦。開發一個完整的應用，將你所學的知識儘可能的應用其中，這樣對你會有更大的提升，因為學習程式語言的目的最終的結果就是開發出一個完整的應用。我實際開發應用的過程中，你就會知道某個方法在具體場景下如何使用。

這個問題我絕對有信心來回答你，有個VX公眾號 書軟，這裡面是從最初講解前端開發的，包括Html h5 css c3 等等，包括後來還會有js jq vue node等等，所以這個公眾號還是挺好的，特別推薦大學生，或者初學者前來關注公眾號，然後學習

零基礎的話，想要系統學習估計有點難度，可以從簡單的視訊教學開始嘗試，看自身的接受能力吧（https://ke.qq.com/course/349595?tuin=2934ecbf），如果這些稍微簡單的教學你都無法理解的話，不太建議你採用視訊學習，因為學到後面難度增大，你無法跟老師溝通難題，你的興趣度消減，專業度並沒有增加，這樣的話建議去培訓機構系統學習，把基礎打紮實。

前端，建議直接走JAVA！因為JAVA的解決方案非常的齊全，很多東西都已經有了，直接呼叫介面就好。JAVA的話建議先學習下語法，然後直接開始寫，寫的過程中不懂了就百度，這樣快一些。

本人自學前端非985非211電子商務明年畢業的本科小生一枚，已收割包括BAT在內的一大波offer。

首先，題主你得有堅持學下去的思想準備，因為學習程式設計如果想要精通其實是需要花費大量時間和精力的。千萬不要跟我提什麼速成班，因為速成班就是精通程式設計的人賺點外快去的地方，而產出的學員基本上進不了大型甚至中型企業。

知識體系談談個人學習思路，首先上W3SCHOOL網站看HTML5和CSS，一邊看一邊擼程式碼。然後學習JavaScript，買一本《JavaScript高階程式設計》，翻看至少兩三遍吧。再看阮一峰的《ES6》，這個有電子書版本，直接度娘。剩下的內容，上MDN看，MDN會隨時更新最新前端技術API的調整（相當於一部前端字典）。這一套下來夠你學一年半載了。但僅僅會敲點程式碼也不行，還得寫點demo，上github找一些demo來練練手，言外之意就是github這種基本操作也要會。雖然各個公司都有自己的gitlab，但是操作命令還是基於git的。

框架建議學Vue或React，國內這兩年比較火。JQ一兩天就會，可以拿來開發一些簡單小型網站用。學框架一定要記住，不僅僅是要會用，底層原理！底層思想！原始碼一定要去看！（面試就問底層，別問我怎麼知道）。其他構建工具，比如webpack、gulp；CSS框架，element、BootStrap都是基本操作，要做到一兩天之內就能學會的程度，不然就是基礎功還不紮實。當下最火的前端技術要知道，比如PWA等。對了，Node也算是前端，常用API要熟練掌握。

以上是前端基本操作。但只會這些還不夠，資料結構，計算機作業系統，計算機網路，HTTP協議，資料庫操作，演算法，都得至少熟練掌握。最好還會熟練使用一門服務端語言。還是別問我為什麼。面試造火箭，工作擰螺絲呀。

如果能達到以後自己能貢獻開源或者遇到問題就知道用哪個輪子並改造輪子的水平，OK，可以出師了。

如果領基礎，要學的東西很多，那就從html,css,javascript開始，學會這三樣後就得學習jquery,一些前端框架如bootstrap等，畢竟現在公司前端已經很少用純的html css js去寫，一般都有自己的前端框架或封裝的類庫。