一般來講四個半月左右。不過在開始學(xué)習(xí)web前端開發(fā)之前，有幾點是你需要注意的。1、任何技術(shù)實際都是可以從零基礎(chǔ)開始的，不管是直接學(xué)習(xí)還是通過相近經(jīng)歷轉(zhuǎn)行。所以不需要因零基礎(chǔ)擔(dān)心。2、在你學(xué)習(xí)一門技術(shù)之前，一定要做好準(zhǔn)備，投入時間、精力、資金、甚至融入相關(guān)的圈子。這些準(zhǔn)備里，還包括給自己制定一個強(qiáng)制計劃：我要在多久之內(nèi)學(xué)會這個模塊，我要在多久之內(nèi)達(dá)到什么水平等，相信我，一定要有個計劃，要不然你只會一直懶惰，學(xué)習(xí)周期無限增長。3、選擇一個好的培訓(xùn)機(jī)構(gòu)或者一個好的老師(這個老師可以死一本書、一個頁面、或者一個真實的人)。個人覺得最好是一個培訓(xùn)機(jī)構(gòu)或者一個真實的人來做你的老師，帶領(lǐng)你做項目，只有實實在在的一個標(biāo)簽一個標(biāo)簽做出來，你才會發(fā)現(xiàn)問題，解決問題，獲得能力。為什么說培訓(xùn)web前端需要四個半月左右呢?先從需要學(xué)習(xí)的內(nèi)容說起。學(xué)習(xí)內(nèi)容分為三部分。一：基礎(chǔ)部分(10天左右)web前端開發(fā)多久能學(xué)會基礎(chǔ)部分包含美術(shù)基礎(chǔ)及基本工具PS、AI的使用。美術(shù)基礎(chǔ)：繪畫基礎(chǔ)篇(簡單的了解手繪素描、色彩、速寫);平面構(gòu)成的基礎(chǔ)知識(點線面)色彩美學(xué)方面的知識;游戲ICON。軟件工具：Photoshop基本操作、操作界面、常見工具的使用Photoshop常用工具、圖層、路徑圖層樣式、濾鏡、調(diào)色，學(xué)習(xí)Illustrtor軟件的基本操作、以及面板等常見工具的使用。二：設(shè)計部分(20天左右)設(shè)計部分包括網(wǎng)頁界面設(shè)計和移動界面。了解網(wǎng)頁設(shè)計基本原則與規(guī)范，不同載體的案例展示，掌握企業(yè)網(wǎng)站的技能及設(shè)計技巧掌握專題型網(wǎng)站的設(shè)計。三：代碼部分(三個月左右)1、Html+CssHTML超文本標(biāo)記語言，網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的web技術(shù)，可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。2、javascriptJavaScript一種腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言。3、PHPPHP，即“PHP:HypertextPreprocessor”，是一種被廣泛應(yīng)用的開源通用腳本語言，尤其適用于web開發(fā)并可嵌入HTML中。4、CSS3CSS3語言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個模塊實在是太龐大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進(jìn)來。5、HTML5用HTML5是新版的HTML。2014年10月29日，萬維網(wǎng)聯(lián)盟宣布，經(jīng)過接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。6、BootstrapBootstrap是基于HTML5和CSS3開發(fā)的，它在jQuery的基礎(chǔ)上進(jìn)行了更為個性化和人性化的完善，形成一套自己獨有的網(wǎng)站風(fēng)格，并兼容大部分jQuery插件。7、Angularjs簡單來說AngularJS是google開發(fā)者設(shè)計和開發(fā)的一套前端開發(fā)框架，幫助你簡化前端開發(fā)的負(fù)擔(dān)。它提供了一系列兼容性良好并且可擴(kuò)展的服務(wù)。8、nodejs+、是運(yùn)行在服務(wù)器,基于ChromeV8引擎的JavaScript運(yùn)行環(huán)境。使用了一個事件驅(qū)動、非阻塞式I/O的模型，使其輕量又高效。