都說(shuō)web前端開(kāi)發(fā)薪資高，入行就有上萬(wàn)月薪，轉(zhuǎn)行難嗎？

近幾年很多非科班以及傳統(tǒng)行業(yè)的想要轉(zhuǎn)行學(xué)習(xí)前端，接下來(lái)就講講該怎么去學(xué)習(xí)。

一、你對(duì)前端是否感興趣無(wú)論你是自學(xué)看教程還是上培訓(xùn)機(jī)構(gòu)，肯定是要經(jīng)歷小白特別迷茫的一段時(shí)間。前期，你可以通過(guò)學(xué)習(xí)css、html ，能在網(wǎng)頁(yè)里快速地實(shí)現(xiàn)功能和一些特效。通過(guò)這個(gè)就可以知道，如果你對(duì)這個(gè)感興趣，那就可以深入學(xué)習(xí)，學(xué)習(xí)一些高級(jí)的編程技巧；如果你不感興趣，就及時(shí)止損，放棄編程。這個(gè)方法我覺(jué)得還是可以的，前端應(yīng)該說(shuō)是編程里面最容易上手入門(mén)的，如果你連css html 都不感興趣，都沒(méi)有動(dòng)力去學(xué)的話，類(lèi)似這種情況就不太適合學(xué)編程。

二、非科班出身以及跨行業(yè)者，給你支招如果過(guò)了css html 這關(guān)，接下來(lái)就是正式入門(mén)了。我總結(jié)了8點(diǎn)，就是一些非科班、跨行業(yè)的同學(xué)如何來(lái)學(xué)前端。

1、先從網(wǎng)絡(luò)上搜索，從網(wǎng)上搜一些教程，比如視頻教程、培訓(xùn)課程，電子書(shū)等，然后只看目錄，看目錄只看7、8個(gè)，找到里面的并集，這些其實(shí)是你真正需要掌握的東西。可能有的書(shū)都講js，什么語(yǔ)句控制、關(guān)鍵字、變量，或者數(shù)據(jù)結(jié)構(gòu)，數(shù)組等，那都是最基本的。

2、去招聘網(wǎng)站，看用人單位的招聘需求。當(dāng)然，只看初級(jí)崗位，中高級(jí)就別想了。北上廣的公司也不要看，就看二三線城市的公司。也可以看一些美工，或者網(wǎng)頁(yè)制作的崗位。

他們里面的并集，多看幾家，他們并集里的要求是什么，我再對(duì)應(yīng)去學(xué)書(shū)里的內(nèi)容。這些就是面試時(shí)，很多公司很大程度上要考察你的東西。

3、當(dāng)你在學(xué)習(xí)的時(shí)候，可能會(huì)遇到很多不懂的名詞。先把這些名詞全都匯集起來(lái)。這里就涉及到一些方法論了，比如一個(gè)句子里可能看不懂的名詞有好幾個(gè)，你一個(gè)一個(gè)羅列出來(lái)，然后去百度搜索，搞明白。就像學(xué)英語(yǔ)一樣，只要邏輯是沒(méi)有問(wèn)題的，通過(guò)這種方式，只要你想學(xué)，什么都能學(xué)的差不多。

通過(guò)這種方式去學(xué)的,讓人深入淺出，通過(guò)羅列不明白的名詞，然后把它搞明白，這樣整篇文章，整段教程就能看懂了。

4、關(guān)于買(mǎi)書(shū)。在買(mǎi)書(shū)這方面，大家千萬(wàn)不要吝嗇。平時(shí)多買(mǎi)一些技術(shù)類(lèi)的書(shū)籍，結(jié)合書(shū)上的知識(shí)點(diǎn)，并配合著搜索引擎來(lái)學(xué)習(xí)。通過(guò)教程和demo多練習(xí)敲代碼，不能光看，看是學(xué)不會(huì)的。

只看不練的最壞結(jié)果，看完書(shū)是自己的，知識(shí)還是別人的。

5、初級(jí)前端一定要學(xué)好Photoshop的使用方法，可能有些人畫(huà)不出網(wǎng)頁(yè)來(lái)，那么我推薦大家去一些素材網(wǎng)站，比如：昵圖網(wǎng)、素材中國(guó)，千庫(kù)網(wǎng)等等，去找一些psd的素材。

不要去直接仿一些新浪首頁(yè)、京東首頁(yè)、淘寶首頁(yè)等，那個(gè)的話你很容易寫(xiě)著寫(xiě)著就不自覺(jué)地抄里面的結(jié)構(gòu)代碼。它的網(wǎng)頁(yè)結(jié)構(gòu)已經(jīng)給你分好了，現(xiàn)成的東西擺在那兒。

我建議找一些簡(jiǎn)單的psd素材，比如：門(mén)戶網(wǎng)站、企業(yè)網(wǎng)站，以及社區(qū)網(wǎng)站等類(lèi)型的素材，它沒(méi)有現(xiàn)成的結(jié)構(gòu)代碼，逼著你自己動(dòng)手敲代碼，來(lái)做一些網(wǎng)頁(yè)的還原。

這才是入門(mén)的正道。

如果你依然在編程的世界里迷茫，不知道自己的未來(lái)規(guī)劃，可以加入web前端學(xué)習(xí)交流秋秋圈：731771211 里面可以與大神一起交流并走出迷茫。新手可免費(fèi)領(lǐng)取學(xué)習(xí)資料，看看前輩們是如何在編程的世界里傲然前行不停更新最新的教程和學(xué)習(xí)方法（詳細(xì)的前端項(xiàng)目實(shí)戰(zhàn)教學(xué)視頻），有想學(xué)習(xí)web前端的，或是轉(zhuǎn)行，或是大學(xué)生，還有工作中想提升自己能力的，正在學(xué)習(xí)的小伙伴歡迎加入

6、等網(wǎng)頁(yè)做出來(lái)之后，就可以試著放到瀏覽器里測(cè)試下兼容性問(wèn)題。還有平時(shí)多積累，看見(jiàn)一些不同的網(wǎng)頁(yè)布局的效果，就下意識(shí)地按一下F12，去看下它的結(jié)構(gòu)代碼。

大概做這些準(zhǔn)備就差不多了，一個(gè)入門(mén)級(jí)的前端。無(wú)論你有沒(méi)有計(jì)算機(jī)基礎(chǔ)，是不是這個(gè)行業(yè)里的人，都是可以去學(xué)習(xí)，去入門(mén)的。

如果你能堅(jiān)持下來(lái)的話。

7、有精力的同學(xué)，我建議你去學(xué)一學(xué)js、jquery的東西。當(dāng)然，也可以直接從vue.js框架開(kāi)始學(xué)。

不過(guò)，我還是推薦先從js、jq開(kāi)始學(xué)，很多人說(shuō)jquery過(guò)時(shí)了，你也可以不學(xué)jquery，直接學(xué)原生的javascript。但是，我不推薦你們直接從mvvm開(kāi)始學(xué)。它會(huì)讓你不知道很多流程中間是怎么實(shí)現(xiàn)的，包括一些原生的API，你也不明白它是干嘛用的，甚至?xí)o初學(xué)者帶來(lái)一個(gè)很大的疑惑。

我個(gè)人是這么認(rèn)為的，雖然它給前端工作帶來(lái)了很高的效率，但讓一個(gè)初學(xué)者一上來(lái)就上手vue，是極其不友好的。當(dāng)然，如果要找工作，現(xiàn)在很多公司都要求會(huì)vue.js，你也要跟進(jìn)、去學(xué)的，當(dāng)然是放在后期。

8、再來(lái)說(shuō)說(shuō)投簡(jiǎn)歷的事兒，當(dāng)然是針對(duì)非科班的一些在校生、應(yīng)屆生。能找實(shí)習(xí)就找實(shí)習(xí)，當(dāng)然我不推薦你們?nèi)フ蠦AT的實(shí)習(xí)，因?yàn)槟惚緛?lái)就沒(méi)什么背景，面BAT的話肯定大概率是面不上的。沒(méi)有必要浪費(fèi)精力去做這些事情。

咱們做一件事或者制定一個(gè)計(jì)劃，一定要有一個(gè)保底的方案。找一些小公司，然后去做一些基層的工作，因?yàn)槟闫綍r(shí)練習(xí)的demo和實(shí)際的企業(yè)級(jí)的工程項(xiàng)目還是有區(qū)別的。

通過(guò)這些方法，你在二三線城市找一份美工、網(wǎng)頁(yè)制作，以及初級(jí)前端開(kāi)發(fā)工程師的工作，我相信是可以找到的。

至于入行就有上萬(wàn)的月薪，那得你的技術(shù)能有一年開(kāi)發(fā)經(jīng)驗(yàn)，并且是在一二線城市了。自學(xué)出來(lái)，如果沒(méi)有實(shí)戰(zhàn)經(jīng)驗(yàn)，基本上就3-5千這樣。

自己只是個(gè)做了幾年全棧開(kāi)發(fā)的老碼農(nóng)，希望本文能對(duì)大家有所幫助幫助。