樓主好，這個主要看你之前是否有接觸過前端，是否有這個基礎(chǔ)，也根據(jù)自己對學(xué)習(xí)能力和興趣，來決定對。

想要學(xué)好web前端首先要知道什么是web前端，我們目前web前端主流對應(yīng)用是業(yè)務(wù)系統(tǒng)和網(wǎng)站，其中業(yè)務(wù)系統(tǒng)咱大多數(shù)。

如果接受對力尚佳，或者有些前端基礎(chǔ)，15天到1個月就差不多能夠入門。如果慢一些的，三個月也差不多了。但是這只能說是一個基礎(chǔ)部分，找工作是找不到的。

接下來就是需要再深入系統(tǒng)地學(xué)習(xí)，再學(xué)習(xí)一些前端自動化，一些流行的框架，還要稍微懂些node知識等，如果學(xué)習(xí)能力強并且自制力強的話，大概一共需要5個月的時間。當(dāng)然這期間需要做大量的實踐與練習(xí)，來鞏固基礎(chǔ)知識。

如果是零基礎(chǔ)，并且自控力不強，還是建議報一個培訓(xùn)班，系統(tǒng)學(xué)習(xí)一下前端知識，把基礎(chǔ)知識打扎實了，將來的學(xué)習(xí)會很簡單。不管框架如何改變，都萬變不離其宗的。如果基礎(chǔ)知識不扎實，框架日新月異，會感到很吃力。

希望樓主采納

首先前端相比之下確實比較好學(xué)... 另一方面，前端的需求很大，基本上所有的公司一定是要有前端程序員的，有很多公司現(xiàn)在的技術(shù)棧已經(jīng)很落后了，甚至有一些公司還沒有用現(xiàn)在流行的框架，還在用jq，你只要會基本的HTML和css，然后學(xué)一下jq的API找到一份前端的工作是很容易的，但是工資水平就不說了。

稍微好一點的程序員，應(yīng)該是有一定的框架項目經(jīng)驗，然后對css和js的運用有一定的心得。框架已經(jīng)改變了前端目前的生態(tài)，熟練使用之后前端的開發(fā)已經(jīng)變得非常容易了，你需要注意類似狀態(tài)管理，生命流程管理之類的事情。另外就是類似webpack之類的工具，了解一下先慢慢就上手了。

然后前端經(jīng)常會說全棧這種說法，js的發(fā)展趨勢非常迅猛，至少了解一下node的相關(guān)知識，這樣會對你前端工作有一定幫助。

能想起來的（其他的以后再補），html+css你要做到：

布局(flex,grid)->樣式(css3)->CSS動畫->適配->

js方面?zhèn)€人

熟悉各種神奇的方法，比如：

體會js里面萬物皆為對象的思想，了解原型鏈這個神經(jīng)的設(shè)計，了解js里面獨特的神奇的數(shù)組。

《JavaScript語言精粹》是一本不錯的書，很薄的一本書但是內(nèi)容比較有啟發(fā)性，建議可以讀一讀。

之外的，算法一定要學(xué)的，然后瀏覽器的各種video，audio，canvas要了解的，最好深入至少一種API，一技傍身很有好處的。

綜上，看你想做什么程度的前端程序員了，中間的收入差距能差一個數(shù)量級...

一定要養(yǎng)成良好的代碼習(xí)慣，寫注釋。

學(xué)習(xí)路線

一、HTML、CSS基礎(chǔ)、JavaScript語法基礎(chǔ)。學(xué)完基礎(chǔ)后，可以仿照電商網(wǎng)站（例如京東、小米）做首頁的布局。

二、JavaScript語法進(jìn)階。包括：作用域和閉包、this和對象原型等。相信我，JS語法，永遠(yuǎn)是面試中最重要的部分。

三、jQuery、Ajax等。jQuery沒有過時，它仍然是前端基礎(chǔ)的一部分。

四、ES6語法。這部分屬于JS新增的語法，面試必問。其中，關(guān)于 promise、async 等內(nèi)容要尤其關(guān)注。

五、HTML5和CSS3。要熟悉其中的新特性。

六、canvas。面試時，有的公司不一定會問canvas，靠運氣。如果時間不夠，這部分的內(nèi)容可以先不學(xué)。但如果你會，絕對屬于加分項。

七、移動Web開發(fā)、Bootstrap等。要注意移動開發(fā)中的適配

學(xué)習(xí)UI設(shè)計和web前端屬于兩種分類，一個是設(shè)計師是不用寫代碼的，偏重于設(shè)計，一個是網(wǎng)頁前端開發(fā)，偏重于代碼編程，還是要學(xué)習(xí)很多開發(fā)代碼知識的，比如html，js，css，h5等，這些都是網(wǎng)頁開發(fā)的必備知識，其次還要學(xué)習(xí)各種成熟的端框架，比如jquery，easyui，extjs，vue，Angular，Bootstrap，Node.js，React.js等等。在學(xué)習(xí)這些內(nèi)容之前取決于你是想要一些參考素材網(wǎng)站還是想要一些教學(xué)資料網(wǎng)站，如果是素材網(wǎng)站就比較多了，設(shè)計方面比如千圖網(wǎng)，千庫網(wǎng)，包圖網(wǎng)，花瓣網(wǎng)，ui中國，學(xué)ui網(wǎng)，致設(shè)計，一起學(xué)設(shè)計，優(yōu)閣網(wǎng)等。web前端，比如17素材網(wǎng)，W3Cschool，前端學(xué)院，runoob.com，h5之家。也建議多看看論壇，博客園，csdn，希望對你的學(xué)習(xí)有所幫助。