先說(shuō)原因，因?yàn)榍岸颂s了，什么都要學(xué)，很多人以為前端很簡(jiǎn)單，但是只有做過(guò)才知道，真的簡(jiǎn)單嗎？你看看招聘就知道了，找靠譜的前端多么困難……

本人是自學(xué)的前端，大學(xué)的專業(yè)跟計(jì)算機(jī)沒(méi)有關(guān)系，前端自學(xué)入門(mén)的，如今工作5年了，帶過(guò)前端團(tuán)隊(duì)，簡(jiǎn)述下經(jīng)驗(yàn)。

為什么很多自學(xué)前端的人最終都放棄了？
首先很多人自學(xué)前端會(huì)陷入誤區(qū)，直接去看框架，我的建議是先把框架放一邊，去學(xué)習(xí)前端三駕馬車(chē)，CSS，HTML和JS，學(xué)習(xí)，建議從HTML和CSS開(kāi)始，其實(shí)HTML和CSS不簡(jiǎn)單，但是會(huì)被很多人忽略，我見(jiàn)過(guò)太多后端轉(zhuǎn)前端的，因?yàn)橐恍邮絾?wèn)題困擾很久，很多后端都因?yàn)闃邮絾?wèn)題放棄前端，我們團(tuán)隊(duì)有時(shí)候前端任務(wù)重，會(huì)讓后端寫(xiě)一些功能，但是產(chǎn)品和測(cè)試非?？咕?，因?yàn)榍岸隧?yè)面很多樣式問(wèn)題，給了ui圖，后端也說(shuō)是按照設(shè)計(jì)搞得，但是總是不對(duì)勁，這就是css，css是玄學(xué)問(wèn)題！

學(xué)習(xí)HTML和CSS入門(mén)可以去看文檔，去看視頻教學(xué)，然后融入實(shí)戰(zhàn)，我入門(mén)的時(shí)候看了理論知識(shí)，然后純CSS寫(xiě)了一些官網(wǎng)，最后結(jié)束是純CSS寫(xiě)了淘寶商城的網(wǎng)站，我建議新手學(xué)習(xí)完css基礎(chǔ)知識(shí)，先寫(xiě)官網(wǎng)，再寫(xiě)一個(gè)商城網(wǎng)站，不實(shí)現(xiàn)功能，只實(shí)現(xiàn)花架子，輪播圖先放一張圖，看商城的布局以及間距，自己去還原，如果真的搞定了，樣式算是入門(mén)了，如果全職的話，這個(gè)過(guò)程估計(jì)要2個(gè)月時(shí)間，其中需要自己去堅(jiān)持，百度各種樣式問(wèn)題，如果自己獨(dú)立搞定一個(gè)商城的首頁(yè)，差不多css已經(jīng)入門(mén)，可以去學(xué)習(xí)js了

重頭戲是JS，不要管vue什么的框架，去學(xué)習(xí)js基礎(chǔ)知識(shí)，我當(dāng)時(shí)入門(mén)的時(shí)候是jq和angular，vue什么的剛剛流行，但是基礎(chǔ)是js，去看看阮一峰的博客，也可以去慕課網(wǎng)買(mǎi)一些視頻跟著學(xué)習(xí)，然后再去了解三大框架的不同點(diǎn)，挑一個(gè)框架去深入學(xué)習(xí)，我建議可以去慕課網(wǎng)買(mǎi)一到兩個(gè)實(shí)戰(zhàn)課程，一個(gè)課程大概三四百，去跟著敲兩遍，剩下的就可以在工作中接受毒打，鞭策，學(xué)習(xí)，成長(zhǎng)了……

說(shuō)到前端三大框架，vue,react和angular，我入門(mén)的時(shí)候?qū)W習(xí)的是vue，目前我們團(tuán)隊(duì)用的是react和angular，vue可能是對(duì)新手友好點(diǎn)，但是很多人說(shuō)react香，是因?yàn)閞eact不用記很多api，是純js，vue對(duì)新手友好是因?yàn)閹湍阕隽撕芏嗍虑?，不建議新手直接上angular，是因?yàn)閞eact和vue是庫(kù)，angular是框架，angular是真正的把模塊化帶入了前端工程，做很多年后端的，可能更喜歡angular，而且后續(xù)angular的可維護(hù)性比前兩者好很多，但是上手是有一定難度的，所以可以都了解下，按自己喜好去選一個(gè)深入，三者的思想很同源，但是跟jq是相對(duì)的，這僅僅是我對(duì)三大框架的看法……

其實(shí)前端學(xué)習(xí)真的很困難，涉及很廣泛，還沒(méi)提及移動(dòng)網(wǎng)站和pc的不同，現(xiàn)在好一點(diǎn)不用兼容ie8以下的瀏覽器，等等，要不斷學(xué)習(xí)，很多前端忽略樣式，但是你自己在開(kāi)發(fā)中很多樣式問(wèn)題，折磨的想死，但是樣式?jīng)]有邏輯，只有固定的套路以及經(jīng)驗(yàn)！

如果大家對(duì)于學(xué)習(xí)WEB前端有任何問(wèn)題，關(guān)于如何學(xué)習(xí)WEB前端的學(xué)習(xí)方法、學(xué)習(xí)技巧，怎樣快速達(dá)到就業(yè)的水平，都可以隨時(shí)來(lái)問(wèn)我，這是我建立了5年的WEB前端學(xué)習(xí)交流QQ群：484 757 760 。
對(duì)于Java和Python我也懂，學(xué)習(xí)過(guò)程中遇見(jiàn)有問(wèn)題可以在這個(gè)學(xué)習(xí)群?jiǎn)栁?、需要WEB前端各個(gè)階段的學(xué)習(xí)資料，也可以在里面獲取。