本人，天坑專業(yè)，現(xiàn)小廠渣渣前端一枚，剛被某日報(bào)認(rèn)證為農(nóng)民工，我的前端是自學(xué)入門的。
其實(shí)入門前端很簡單，前提是
一定不要傻學(xué)、亂學(xué)、不系統(tǒng)地學(xué)，學(xué)習(xí)講究章法和技巧！最好是有個(gè)有經(jīng)驗(yàn)的人帶著學(xué)更好，我最開始自學(xué)web前端的時(shí)候，就因?yàn)檫@個(gè)走了不少彎路，期間差點(diǎn)懷疑人生！
對于前小白來說，請不要走我踩過的坑了，一定要有個(gè)人帶著學(xué)，最好是個(gè)有經(jīng)驗(yàn)的前端老師，這樣才能把概念講明白，細(xì)節(jié)講清楚。
如果沒人帶著、盲目自學(xué)可能就會像我一樣，在自學(xué)路上跌入深坑！
我的學(xué)長也是做前端的，告訴我說某本前端書寫得挺好，照著敲一遍就會了，我買來一看，啊呸！全都是天書，這哪看得懂？？小劉說：使勁看！多看兩遍??！我說：好的大佬！！
第一步按照書上說裝個(gè)notepad++，我就去某度搜，隨便找了一個(gè)叫notepad++的網(wǎng)站，就下載下來，雙擊安裝，我的360安全衛(wèi)士，直接特么病毒報(bào)警了，電腦風(fēng)扇像戰(zhàn)斗機(jī)要起飛一樣嗡嗡直響，嚇得我差點(diǎn)把電腦扔了?。『Φ梦胰ジ浇娔X店重裝了個(gè)系統(tǒng)，花了50大洋，生氣！！
于是又找了另一個(gè)做前端的學(xué)長，講明了我要學(xué)web前端的態(tài)度，想問問有沒有推薦小白看的視頻，學(xué)長一會就發(fā)給我一個(gè)，說這個(gè)視頻挺好，讓我從頭看，我就又硬著頭皮看
前面HTML還行，花了有2周的時(shí)間學(xué)了個(gè)大概，感覺還很簡單，就是個(gè)標(biāo)記語言，多查查手冊知道怎么用的就行了，到CSS后半部分就有點(diǎn)懵逼了，盒模型？相對定位，絕對定位？這啥玩意？聽不懂，直接跳過，看下一節(jié)。
然后看視頻到了JS部分，就卡住了，視頻里老師講到了JS里的數(shù)據(jù)類型，上來直接說聲明個(gè)字符串類型，一口帶過，我就一臉懵逼，什么字符？字符什么？什么串？這比HTML和CSS難度不在一個(gè)級別呀，越看越不懂，直接放棄治療??！
后來就覺著，這個(gè)破視頻不適合我，趕緊又找了個(gè)簡單點(diǎn)的視頻，真的是踩坑無數(shù)，網(wǎng)上的視頻不是目錄太長、資料過時(shí)就是缺內(nèi)容、知識不連貫，害得我好幾次，好不容易看明白了這一節(jié)，也能照著敲出來了，下一節(jié)就接不上了，中間缺失了好幾節(jié)課，直接就不懂了，心里一陣MMP。
還有一些課程直接就過時(shí)了，都什么年代了，打開上來讓我安裝Dreamweaver cs3呢，當(dāng)時(shí)我就把它丟進(jìn)了垃圾桶，還是老師推薦的 VScode 好用，YYDS！
學(xué)完了上面的課程，就不至于浪費(fèi)了很長時(shí)間在找資料、理解概念上，也沒個(gè)人帶著，最后連個(gè)頁面都寫不出，去問別人，不是不理我，就是被冷嘲熱諷（給我發(fā)下面這種表情包）好多次陷入迷茫了。
后來終于找到了個(gè)看似像樣的課程，把之前不懂的知識用補(bǔ)上了，js也懂一些了，什么高仿京東頁面，交互邏輯就都明白了，還能寫個(gè)函數(shù)定個(gè)時(shí)執(zhí)行了。心里一陣美滋滋
后來也自認(rèn)為學(xué)得差不多了，剛好也趕上金三銀四，就得趕緊找工作了，這么耗著可不行，于是就開始寫簡歷，「精通HTML，精通CSS，精通JS，精通web前端，精通H5 ，像素級精仿京東頁面等」，反正什么詞高大上就網(wǎng)上寫，寫好后，直接某聯(lián)、某聘、某勾上一頓群發(fā)。
幾天過去了，一點(diǎn)動(dòng)靜都沒有，連個(gè)短信都沒有，軟件上都顯示不匹配，又過了幾天，某聘上來了消息，說看了我的簡歷，讓我去面試，當(dāng)時(shí)欣喜若狂，趕緊準(zhǔn)備各種面試題，第二天就去了
見到面試官，第一個(gè)問題就卡住了，問：「說一下瀏覽器的底層原理，以瀏覽器打開百度為例」，我心想，這沒學(xué)過呀，直接說不會，下一個(gè)問：「說一下你知道的 js的設(shè)計(jì)模式」，完了，又懵逼，硬著頭皮說繼續(xù)，說一下「Vue和React的區(qū)別」，然后又不會，面試過直接說：「你這啥都不懂，還出來面試，回去再練幾年吧」，我就陷入了絕望之谷。
后來，我擺正了心態(tài)，奮發(fā)圖強(qiáng)，在知乎找大廠面試題解析，偶然間看到一個(gè)老師在講CSS的盒子模型，真的用兩個(gè)紙箱子，給同學(xué)展示到底什是內(nèi)邊距，什么是外邊距，他的另一個(gè)視頻，講JS 的數(shù)據(jù)類型，真的用小孩子的那種玩具，講什么是數(shù)據(jù)，什么是數(shù)據(jù)類型，非常直觀，看到后直接就愛了。
后來就繼續(xù)深入系統(tǒng)的學(xué)習(xí)node js，Vue，react，TS，做小程序，寫企業(yè)級后臺項(xiàng)目，一步一個(gè)腳印地學(xué)，出去面試才有了信心，找到了互聯(lián)網(wǎng)非996的前端工作，還有師父帶著，自己也有了更進(jìn)一步的提升，工資也翻倍的上漲。
總之，前端的發(fā)展非常迅猛，不像很多年前，會HTML、CSS、JS三件套就可以找到一個(gè)非常好的工作了，現(xiàn)在要求也越來越高，必須得系統(tǒng)深入的學(xué)才行，現(xiàn)在出去面試越來越卷了，基本必考算法，平時(shí)工作中也時(shí)不時(shí)得刷一刷LeetCode，找找感覺，后端的知識也要多了解一些，沒準(zhǔn)面試你的就是個(gè)后端大佬，多學(xué)多練，找對方法，不要傻學(xué)就行了。
以上是我自學(xué)前端多年的一些經(jīng)驗(yàn)和感悟，其實(shí)堅(jiān)持下來挺難的，還是那句話：師傅領(lǐng)進(jìn)門，修行在個(gè)人！現(xiàn)在大家想學(xué)編程太方便了，各種教程滿天飛。剛開始入門的時(shí)候有高手帶，往往能有事半功倍的效果，如果自己不知道怎么找資料，我可以不把我自學(xué)的這份免費(fèi)分享給你?？梢缘竭@個(gè)WEB前端學(xué)習(xí)交流裙，前面三位484，中間三位757，后面三位760，在里面找我要就可以了，我是裙管理，因?yàn)樽约鹤詫W(xué)的時(shí)候走過太多的彎路，所以創(chuàng)建了這個(gè)裙，大家在跟著教程自學(xué)的過程中，遇見有不懂的問題也可以隨時(shí)在里面問，里面有很多已經(jīng)工作多年的大佬會幫你解答，學(xué)習(xí)氛圍非常好。
