只要你想學(xué)，一切都不晚，你比想象中的優(yōu)秀

首先你要先了解一下學(xué)習(xí)了前端能做什么？學(xué)了web前端，就可以開發(fā)手機(jī)、電腦和APP上到處可見的網(wǎng)頁，也可以做動(dòng)畫、做微信和百度小程序、還能搭建自己的博客網(wǎng)站、總之前端可以把我們想看的東西具象的表現(xiàn)出來，前端的知識(shí)豐富多彩，比起后端枯燥的數(shù)據(jù)、更有趣一些。那么前端入門需要怎么學(xué)習(xí)呢？前端核心內(nèi)容三樣 html、css、js零基礎(chǔ)推薦看開源教程w3cschool，帶你入門，照著網(wǎng)站的demo自己練習(xí)學(xué)習(xí)、輕松入門。網(wǎng)站上也有推薦，如果您是初學(xué)者，請(qǐng)您閱讀《網(wǎng)站構(gòu)建初級(jí)教程》。如果您是開發(fā)者，請(qǐng)您閱讀《網(wǎng)站構(gòu)建高級(jí)教程》。附：http://www.w3school.com.cn/index.html知其然，才能知其所以然當(dāng)然為了深入了解、夯實(shí)基礎(chǔ)、推薦看的書籍《JavaScript高級(jí)程序設(shè)計(jì)》非常經(jīng)典，建議要認(rèn)真反復(fù)閱讀，至少3遍，如果你覺得看書或者看教程無聊，推薦的學(xué)習(xí)網(wǎng)站慕課網(wǎng)，找你感興趣的老師，和他們一起學(xué)習(xí)。當(dāng)然有些不是免費(fèi)的，如果你急于快速入門，也可以上學(xué)習(xí)班，雖然這樣有點(diǎn)浪費(fèi)財(cái)力。附：https://www.imooc.com/業(yè)精于勤學(xué)習(xí)前端不是一蹴而就的事情，注重平時(shí)的日積月累，要善于總結(jié)。你可以關(guān)注一些公眾號(hào)比如前端早讀課、或者關(guān)注一些業(yè)界大佬阮一峰、張新旭這些老師的作品。把自己平時(shí)的瑣碎時(shí)間利用上、可以建立自己的學(xué)習(xí)計(jì)劃、貴在堅(jiān)持。附：http://www.ruanyifeng.com/blog/好記性不如爛筆頭除了看書之外，也要勤動(dòng)手、自己親自去實(shí)踐編程、親自去踩坑才能事半功倍。比如可以把自己階段性的學(xué)習(xí)成果，放到自己的作品里，或者自己搭建個(gè)網(wǎng)站，從無到有，可以更好幫你理解從ui設(shè)計(jì)到交互流程到產(chǎn)品理念在到作品展示。附：https://hello-sunbaixin.github.io/以上入門經(jīng)驗(yàn)希望能幫助到你、快來加入互聯(lián)網(wǎng)大潮，感受前端日新月異的變化吧！

web前端培訓(xùn)需要多長時(shí)間?這個(gè)問題在不同的培訓(xùn)機(jī)構(gòu)可能回答的也大不相同，有的web前端培訓(xùn)機(jī)構(gòu)可能需要的時(shí)間比較長，有的機(jī)構(gòu)培訓(xùn)需要的時(shí)間去很短，那么怎么樣的培訓(xùn)時(shí)間才算是比較合理的呢，這個(gè)誰也無法確定，最終還是要看學(xué)員學(xué)到多少web前端技術(shù)知識(shí)和畢業(yè)后是否能夠勝任企業(yè)相關(guān)的工作。

首先，在web前端開發(fā)學(xué)習(xí)中必須掌握以下幾點(diǎn)才行。

　　一、必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：CSS3、HTML、JavaScript等，在掌握這些技術(shù)的同時(shí)，還要清楚地了解它們?cè)诓煌瑸g覽器上的兼容情況、渲染原理和存在的Bug。

　　二、必須學(xué)會(huì)并且掌握運(yùn)用前端開發(fā)的輔助工具，在開發(fā)中工具的應(yīng)用可以大幅度增加開發(fā)效率。

　　三、除了學(xué)習(xí)web前端掌握其主要的知識(shí)以外，也要拓展一些前端行業(yè)相關(guān)的其它行業(yè)知識(shí)，比如設(shè)計(jì)類。

　　四、除了現(xiàn)階段學(xué)習(xí)的web前端技術(shù)還要不斷的關(guān)注新的技術(shù)，時(shí)刻掌握行業(yè)最新技術(shù)方向也是有必要的。

　　可見，看似簡單的網(wǎng)頁制作，如果要做得更好、更專業(yè)，真的是不簡單。這就是前端開發(fā)的特點(diǎn)，也是讓很多人困惑的原因。如此繁雜的知識(shí)體系讓新手學(xué)習(xí)起來無從下手，對(duì)于老手來說，也時(shí)常不知道下一步該學(xué)什么。

　　所以建議想學(xué)習(xí)web前端開發(fā)的同學(xué)可以找專門的web培訓(xùn)機(jī)構(gòu)學(xué)習(xí)，自學(xué)很難達(dá)到企業(yè)招聘人才的需求，而且耗費(fèi)時(shí)間和精力。還不能全面學(xué)到需要掌握的知識(shí)，尚硅谷在web培訓(xùn)上有多年的經(jīng)驗(yàn)。而且授課講師都有著豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)，學(xué)習(xí)中也會(huì)讓學(xué)員實(shí)際動(dòng)手操作項(xiàng)目，讓學(xué)員可以快速學(xué)習(xí)及掌握，在求職中也有更大的把握和勝算。

　　在選專業(yè)的web前端培訓(xùn)機(jī)構(gòu)學(xué)習(xí)，現(xiàn)在大多數(shù)的學(xué)習(xí)周期在五個(gè)月左右，當(dāng)然了這個(gè)也是只限于全程面授班，如果是自學(xué)的還時(shí)間就需要根據(jù)自身的因素決定了，還有一種就是線上班這樣的學(xué)習(xí)周期可能比較長一些。

首先，web前端開發(fā)技術(shù)在不斷的更新，市面上相關(guān)前端開發(fā)的技術(shù)崗位在不斷的增多，在未來的發(fā)展過程中，其就業(yè)前景還是比較不錯(cuò)的。同時(shí)隨著互聯(lián)網(wǎng)的不斷發(fā)展，一些我們現(xiàn)在所運(yùn)用的網(wǎng)站、APP到處可見，這些都是離不開web前端技術(shù)的開發(fā)與運(yùn)用。

web前端開發(fā)技術(shù)在不斷地更新，小伙伴所學(xué)習(xí)的開發(fā)技術(shù)知識(shí)越來越多，也越來越系統(tǒng)，因此，現(xiàn)在學(xué)習(xí)前端開發(fā)技術(shù)知識(shí)選擇一個(gè)比較適合自己的學(xué)習(xí)方式很重要，前端培訓(xùn)成為小伙伴學(xué)習(xí)開發(fā)技術(shù)知識(shí)的重要方式，在靠譜的前端培訓(xùn)班學(xué)習(xí)開發(fā)技術(shù)知識(shí)，大約需要學(xué)習(xí)5-6個(gè)月的時(shí)間，才能真正的入門web前端開發(fā)行業(yè)。

那小伙伴應(yīng)該怎么去學(xué)習(xí)web前端開發(fā)技術(shù)知識(shí)呢？

1.前端開發(fā)技術(shù)基礎(chǔ)知識(shí)的學(xué)習(xí)與積累

HTML+CSS3+JavaScript是web前端開發(fā)技術(shù)學(xué)習(xí)必須要學(xué)習(xí)的基礎(chǔ)，也是小伙伴成為一名合格的前端開發(fā)工程師所需要具備的基礎(chǔ)條件。建議小伙伴到尚硅谷學(xué)習(xí)相關(guān)的開發(fā)技術(shù)知識(shí)，不論是線下學(xué)習(xí)還是通過尚硅谷線上的視頻都是比較詳細(xì)的，還有一些相關(guān)的課后練習(xí)，讓小伙伴夯實(shí)基礎(chǔ)，學(xué)習(xí)比較新穎的開發(fā)技術(shù)知識(shí)。

2.善于總結(jié)

小伙伴在前端培訓(xùn)機(jī)構(gòu)進(jìn)行學(xué)習(xí)的過程中，不要死記硬背一些開發(fā)技術(shù)知識(shí)點(diǎn)，要結(jié)合相關(guān)的項(xiàng)目實(shí)戰(zhàn)案例練習(xí)去學(xué)習(xí)理解相關(guān)的開發(fā)技術(shù)知識(shí)，在學(xué)習(xí)過程中也要善于反思與總結(jié)，在總結(jié)過程中，找到適合自己的學(xué)習(xí)方法，不斷提高學(xué)習(xí)效率，提升崗位競(jìng)爭(zhēng)力。

3.仔細(xì)記筆記

小伙伴在學(xué)習(xí)過程中，不要只學(xué)習(xí)，再好的記性也不如把技術(shù)知識(shí)點(diǎn)記錄在筆記本上，這也方便日后小伙伴更好的復(fù)習(xí)，或者是把自己所遇到的問題以及練習(xí)的實(shí)戰(zhàn)項(xiàng)目案例整理成冊(cè)，這樣也能避免以后再踩坑，提升的成功率。

小伙伴在學(xué)習(xí)web前端開發(fā)技術(shù)知識(shí)的過程中，不要自己獨(dú)立學(xué)習(xí)，要多和老師、同學(xué)進(jìn)行交流，逐漸培養(yǎng)自身編程思維，同時(shí)，找到適合自己的學(xué)習(xí)方法，提高學(xué)習(xí)效率，提升崗位競(jìng)爭(zhēng)力。

web前端開發(fā)技術(shù)學(xué)習(xí)教程及學(xué)習(xí)路線：

http://www.atguigu.com/html5_video.shtml

近幾年，web前端開發(fā)越發(fā)的火熱，學(xué)習(xí)web前端的人也越來越多。獲得web前端知識(shí)的途徑有這么幾種：大學(xué)專業(yè)、web前端培訓(xùn)、自學(xué)，在偌大的web前端開發(fā)市場(chǎng)，web前端開發(fā)人才的需求量也是逐年遞增，大學(xué)相關(guān)專業(yè)的畢業(yè)生數(shù)量也是很難滿足市場(chǎng)的需求。

在這種市場(chǎng)氛圍下，零基礎(chǔ)小伙伴轉(zhuǎn)行做web前端的比較多。零基礎(chǔ)可以學(xué)web前端嗎？答案是肯定的，無論你有沒有基礎(chǔ)都可以學(xué)web前端，只不過學(xué)習(xí)方式的不同和接受知識(shí)快慢的不同而已。

選擇的學(xué)習(xí)方式不同，基礎(chǔ)不同，直接影響著學(xué)習(xí)周期的長短。自學(xué)web前端是小伙伴比較熱衷的學(xué)習(xí)方式，這種學(xué)習(xí)方式最大的優(yōu)點(diǎn)是學(xué)習(xí)時(shí)間自由，也正是這種學(xué)習(xí)優(yōu)勢(shì)導(dǎo)致自學(xué)的小伙伴學(xué)習(xí)時(shí)間散漫，而且不能保證學(xué)習(xí)質(zhì)量和學(xué)習(xí)效率，最終增長了學(xué)習(xí)周期。

相比較參加web前端培訓(xùn)來講，學(xué)習(xí)周期比較短。在培訓(xùn)班學(xué)習(xí)時(shí)間比較集中，和大學(xué)我們上課一樣，按時(shí)上課，按時(shí)下課，同時(shí)在學(xué)習(xí)web前端開發(fā)技術(shù)知識(shí)的時(shí)候，培訓(xùn)班老師會(huì)給小伙伴講解一些交叉知識(shí)點(diǎn)，并穿插一些技術(shù)技巧和工作經(jīng)驗(yàn)。在課堂上或課下老師會(huì)根據(jù)相關(guān)知識(shí)點(diǎn)來布置項(xiàng)目實(shí)戰(zhàn)練習(xí)，項(xiàng)目實(shí)戰(zhàn)練習(xí)可以綜合性的鍛煉你對(duì)web前端知識(shí)掌握和理解。

無論是哪種學(xué)習(xí)方式來學(xué)習(xí)web前端知識(shí)，適合自己的學(xué)習(xí)方法是必不可少的。那小伙伴該如何學(xué)習(xí)web前端呢？

1.以用為學(xué)

以用為學(xué)，我感覺這種學(xué)習(xí)方法是比較適合每一個(gè)小伙伴的。這種學(xué)習(xí)方法可以明確的指出學(xué)習(xí)的方向和路線，可以有效的提高學(xué)習(xí)效率，提升自身職業(yè)價(jià)值。

2.多交流，多練習(xí)

在學(xué)習(xí)web前端的過程中，肯定會(huì)遇到很多難題，小伙伴要多交流，讓編程思維發(fā)生碰撞找到解決問題的辦法，同時(shí)培養(yǎng)自己的編程思維。小伙伴不能只靠學(xué)習(xí)時(shí)間去練習(xí)，在平時(shí)也要多敲代碼，在敲代碼的時(shí)候，最好帶上注釋，這樣讓你更容易的理解代碼的含義。

你要針對(duì)性的去學(xué)習(xí)，不要一口吃個(gè)大胖子，學(xué)習(xí)是個(gè)循循漸進(jìn)地過程。

建議按著學(xué)習(xí)路線去學(xué)習(xí)，基本這種都是針對(duì)企業(yè)的招聘來安排的課程。

每天有效學(xué)習(xí)時(shí)長要有6個(gè)小時(shí)這樣，1-2小時(shí)的筆記時(shí)間，敲代碼的時(shí)長2-3小時(shí)。

編程一定要代碼量上去?。?！

因?yàn)楹芏喽际且粚W(xué)就會(huì)，一敲就廢。

俗話說，鍵盤敲爛月薪過萬；鍵盤落灰狗屎一堆。

學(xué)編程沒有什么捷徑，就是要多看別人的代碼，多敲自己的代碼。多思考為什么要這樣，培養(yǎng)編程思維。

Web前端自學(xué)得多長時(shí)間這很難說，每個(gè)人的情況不一樣，有些人半年多就能學(xué)有所成，但也有人一兩年也才學(xué)到點(diǎn)皮毛，自學(xué)多久能學(xué)會(huì)要因人而異。不過相對(duì)于在機(jī)構(gòu)學(xué)五六個(gè)月來說，自學(xué)的時(shí)間成本比較高。

在剛?cè)腴T時(shí)，前端的起點(diǎn)較低，對(duì)邏輯的要求也比Java更低些。前端編寫的程序代碼能直接出現(xiàn)在界面上，直觀看見自己的成長，成就感能很快讓初學(xué)者進(jìn)入程序員狀態(tài)，會(huì)有利于后續(xù)的學(xué)習(xí)。

推薦看B站全網(wǎng)最全Web前端學(xué)習(xí)路線：https://www.bilibili.com/read/cv5650633?spm_id_from=333.788.b_636f6d6d656e74.7

前端入門很簡單，花費(fèi)不了多久的時(shí)間，前端肯定要學(xué)HTML5、CSS、JavaScript、Ajax等

推薦去ucloud課堂看渡一的課程，從html css 到j(luò)s 入門容易深入難，貴在堅(jiān)持

0基礎(chǔ)可以學(xué)習(xí)呀，前端的發(fā)展前景還是很不錯(cuò)的，相對(duì)于Java、Python等后臺(tái)開發(fā)來說，前端要單一點(diǎn)，而且比較有趣。而且近幾個(gè)月前端的薪資也很高。一般零基礎(chǔ)的話，不建議自學(xué)，因?yàn)樽詫W(xué)需要很好的自制力，學(xué)習(xí)理解能力等等，很多自學(xué)的時(shí)間戰(zhàn)線會(huì)拉很長，而且一些小問題都容易卡住，找不到解決方法，影響學(xué)習(xí)進(jìn)度，從而很多最后半途而廢放棄學(xué)習(xí)。線上學(xué)習(xí)的話，其實(shí)和自學(xué)看視頻差不多，區(qū)別是有老師給你講課，監(jiān)督你完成作業(yè)，但是你自學(xué)怎么學(xué)習(xí)，學(xué)的怎么樣，都還是要靠自覺。在機(jī)構(gòu)的話，學(xué)習(xí)比較系統(tǒng)，還有專門的老師授課和解決問題，而且一群同學(xué)一起學(xué)習(xí)，學(xué)習(xí)氛圍和環(huán)境都是很不錯(cuò)的。在選擇學(xué)校的時(shí)候主要看授課方式，師資，服務(wù)和就業(yè)，最好能自己親自上門看看 ，感受一下學(xué)習(xí)環(huán)境和氛圍。如果可以試聽的話 也可以試聽一下，感受一下。尚學(xué)堂是的前端就不錯(cuò)，小班，面授，老師面對(duì)面教學(xué)，課程是理論和實(shí)踐相結(jié)合，有豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)，學(xué)習(xí)之后還推薦就業(yè)。零基礎(chǔ)轉(zhuǎn)行做前端的話，你可以看看北京尚學(xué)堂的試聽課程，他們機(jī)構(gòu)不管是師資還是課程安排都是很奈斯的，老師都很負(fù)責(zé)，老師每天還監(jiān)督大家學(xué)習(xí)，小姐姐服務(wù)態(tài)度也很好，并且他們學(xué)完還有招聘會(huì)，也是相當(dāng)不錯(cuò)呢~并且現(xiàn)在科技這么發(fā)達(dá)也不用局限于線下教學(xué)，線上也可以考慮呀~可以利用休息時(shí)間學(xué)習(xí)，總體來說口碑挺不錯(cuò)的~

如果真的想學(xué)的話 推薦還是找個(gè)靠譜的機(jī)構(gòu)報(bào)名吧

人家又專業(yè)的老師講課、答疑、批改作業(yè) 還有班主任監(jiān)督學(xué)習(xí)

這不是挺好的 能學(xué)到東西才是真的啊

很多時(shí)候確實(shí)會(huì)很需要和大家一起討論問題或者有專業(yè)老師進(jìn)行點(diǎn)撥的

這樣進(jìn)步的才會(huì)快一點(diǎn) 時(shí)間也不等人吶

你可以去百戰(zhàn)程序員官網(wǎng)看看詳情 選擇合適的機(jī)構(gòu)很重要的

對(duì)于還未接觸過這個(gè)行業(yè)的人來說，在學(xué)習(xí)之前，心中多少會(huì)有一些疑問，比方說，零基礎(chǔ)學(xué)web前端開發(fā)要學(xué)多久？1： web前端要學(xué)什么？零基礎(chǔ)入門學(xué)web前端的話，首先要把所有的基礎(chǔ)課程全部了解消化吃透，前端的開發(fā)框架，PC端的企業(yè)網(wǎng)站布局、PC端的電商類網(wǎng)站布局、移動(dòng)端常見頁面布局等等。2：零基礎(chǔ)學(xué)web前端難不難？web前端要學(xué)的內(nèi)容看起來很復(fù)雜，其實(shí)不然，這是一門注重實(shí)際動(dòng)手操作的技能，不會(huì)要求你背誦很多的理論知識(shí)，更不會(huì)要求你有很高的學(xué)歷水平。零基礎(chǔ)學(xué)web前端的話，要學(xué)會(huì)是不難的，只要每天堅(jiān)持多動(dòng)手練習(xí)，勤動(dòng)腦思考，學(xué)成很簡單的。現(xiàn)在的web前端工程師，薪資水平破萬，不是難事。3：零基礎(chǔ)學(xué)web前端要學(xué)多久？這個(gè)要分兩個(gè)方面來回答大家，如果你是零基礎(chǔ)自學(xué)web前端的話，那么所花費(fèi)的時(shí)間與精力會(huì)是不可估計(jì)的，學(xué)不學(xué)得成，還得兩說。 但是如果你是找一家專業(yè)的培訓(xùn)機(jī)構(gòu)學(xué)習(xí)的話，那就輕松很多了。比如翡翠教育，4個(gè)月快速打造web前端工程師，從基礎(chǔ)教起，不怕你是零基礎(chǔ)，有大牛級(jí)的授課老師教你，不怕你學(xué)不會(huì)，大型的實(shí)戰(zhàn)項(xiàng)目操作，每天白天上課，晚自習(xí)老師還會(huì)對(duì)學(xué)員進(jìn)行輔導(dǎo)，真正做到入門學(xué)會(huì)到精通，理論加實(shí)踐，做到學(xué)以致用，讓每個(gè)學(xué)員在畢業(yè)后都能獨(dú)立勝任就業(yè)單位的工作。