大家好,我是若川。持續組織了8個月源碼共讀活動,感興趣的可以點此加我微信 ruochuan12?參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》?包含20余篇源碼文章。歷史面試系列
本文來自我的源碼共讀群里小伙伴 @achens 投稿,他寫了很多文章筆記。我萬萬沒有想到他才19歲。同時他也在我建的湖南籍前端群里。原文鏈接:https://www.yuque.com/xiaochens/html5/cqg1z9
1導言
十九歲中專學歷如何自學找到前端工作?
TIPS:在沒有任何包裝的情況下成功收到大概十幾家公司的面試邀請。
TIPS:本篇文章更偏向與我自己的自述,是對自己這兩年的一個總結、反思與未來的打算、目標。
2正文
自我介紹(廢話有點多,不想看的直接跳過):
因為喜歡代碼,喜歡編程,而堅持下來的學習。
想起五六年前智能手機剛興起的時候,我就在各種論壇(代表:某葫*俠),各種 Q 群混著跟著搞各種鎖機、破解、刷機一系列技術,手機編程、iapp(手機編程軟件,這個應該有不少人都知道吧?)、IDEA(一個手機上學習 Java 的軟件)。
基本上那時就墊定了現在的自己,以及喜歡編程,和每次寫完代碼看著代碼成功運行而高興不已的我。
不過。。這個時候的自己雖然很喜歡編程,但真正讓我決定學習編程的其實還是 2016 年因為盜版二被迫停更的火影戰記(童年回憶了啊),那時就決定自己以后要學編程,然后做出續版。。。不過后來東倒西歪的直到現在學了前端....而不是安卓和 JAVA 開發,哈哈哈哈哈哈哈。
害,回歸正題,說說現在的我的情況:十九歲,學歷只有中專,目前在廣州天河一個不到十人的小公司。
自學了大概一年左右,u1s1,自學真的非常難受,很難保持自律,也很迷茫,時常會質疑自己學了這么多有什么用?能不能找到工作?更何況我本身還是要給社恐,屬于是和人說話就緊張,說話聲音就很小,也很不自信的一個人。
當時光是想想要去面試,和以后工作時不得不和同事交流一系列都會感到害怕。(現在入職半個月了,其實還好,同事都非常好,都因為我的年齡很照顧我。真的很感謝他們。)
3我平常是怎么學習的?
嗯...還記得第一次是在某綠色葫蘆上的簡單的 HTML 入門教程(大概是 2018 年),跟著學了點基礎標簽后就完完全全迷上了...
現在還記得,這套視頻大概十幾集,每集也就兩三分鐘,主題是教如何制作一個“黑頁”,其實就是用嘴賤的那么幾個 html 標簽和 css 樣式做一個看著很酷的純靜態頁面,然后放到云主機上(那時記得有很多免費的主機...貌似現在也有一堆,不過都是垃圾配置,最多用來測試測試自己的靜態頁面),再加上一個免費的二級域名,這樣一個自己的網站就出來,就可以拿出去裝b了。給同學給或者給網友看,裝作是黑客,很。。傻氣,至少現在看來是這樣。
在這之后,我去找了當時我在讀的中專的老師借了本 html+css 入門書籍進行學習,說是入門,但其實也就是只有個基礎,畢竟。。中專嘛懂得都懂。
之后我就花了大概幾十塊錢,在某東上買了一本學習 html + css + js 的書(依稀記得是 2019 年?),然后...就是對著書摁學,期間也找了一些網上的零散的教程,學習之類的。這個過程我在網上還認識了一個師傅,雖然現在已經不聯系了,單還是很感謝他對當時的自己的幫助,真的很大。
時間跳到 2020,emmm 又迷上了后端,在網上找了一套黑馬的 PHP 教程,學了個大概,能做出一個簡易的留言板。
TIPS:前幾個月根據自己當時所學寫的筆記,總結出了兩篇文章。
PHP 及 MySQL 的學習[1]
PHP 面向對象[2]
這段時間,也學習了 jQuery,用 jQuery 實現了 別踩白塊。
https://gitee.com/achens/my-study/blob/master/htdocs/[3]我的實例/jQuery實現別踩白塊+分數上傳/index.html
還沉迷了黑客,學了些網絡安全,了解一系列如:肉雞、蠕蟲、kail 等等東西。還下載了一堆計算機病毒。。。幾乎各種有名病毒的都下載了一遍,然后在學校的電腦上測試...
TIPS:同樣是根據當年的筆記寫的文章。
常見 Web 安全攻擊[4]
2021,收心,開始只學前端,放棄其它一切技術,開始只鉆研前端,其實這個時候的我還只是個菜比,雖然很早接觸了前端,但其實也只是邊學邊玩的狀態,到了這時也只會點 html 標簽和 css 樣式,js dom,bom,jq 而已。
也是同年大概這個時候,我。。。選擇了,撤學,然后回到家自學。
這一年學了很多,真的很多,也才知道自己原來這么菜。
啊呸,跑題了,說說我這一年是咋學習的:視頻 + 語雀 + vscode + 瀏覽器,同事開著四個軟件,先是看視頻,跟著視頻敲,邊敲邊打注釋,以自己的理解來寫上注釋,就算很多沒必要寫注釋的地方我也強迫著自己去寫,以至于到現在養成了一行代碼一行注釋的習慣(不知是好是壞。。。)。
在跟著視頻敲完代碼后,我就開始根據自己寫的代碼和注釋整理好寫入語雀,記作筆記,也只是只有我自己才能看懂的筆記,隨后在學完課程后我又會復盤自己的筆記,然后將其整理為一篇完整的文章。整理的同時相當于又學了一篇。(在這一步還不算完,我基本會在學習完一個月后再去復盤一篇自己寫的文章,并嘗試以一種教授別人的形式重寫)
基本上就是看視頻的時候跟著敲一邊,并在看完后,整理成筆記放到語雀上,過程有什么不懂或 BUG 就上瀏覽器查。
我就這樣在四個軟件之間切去切回的學習,期間我一直都是在B站以及各大培訓機構的公開直播課中白嫖免費視頻。。。可以說我所學到的一切知識都沒有花過錢(Ps:也是因為我沒有錢...)。
嗯...看到這里你會不會覺得我很自律?
NO!!!
我經常一打游戲就是玩到半夜兩三點!亦或者連續幾天甚至半個多月沒有去學習!
天天睡懶覺到下午才醒不吃早午餐也只是我的常態.
自律?鍛煉?我也試過,但都是做個幾天俯臥撐或者仰臥起坐就堅持不下來了。
說是在家學了一年,實則真正在學習的時間恐怕也就只有半年多一點,學了一天又半路跑去連玩幾天游戲亦或者看幾天的小說。。真的是我的常態,在這種沒有人監督,也沒人理解(在父母鄰居眼里我就是個天天縮家里打電腦游戲的啃老族)。
我只能自己一個人埋著腦袋摁學,也經常會自我懷疑...不過在一通懷疑...和打游戲之后我又會回過頭來好好學習,因為我知道這是現在的我唯一能夠做的。絕對會對自己有幫助,也是自己現在最該做的事情。
4對于這一次找工作的經驗
聽從了一位大佬的意見,專門找初創的小公司投,雖然工資低點,活可能也會多,但。。只要能找到工作就很好了。
而且我遇到的幾次面試,都沒有亦或者就只問了幾個技術問題而已,多是問我會不會移動端?會不會微信小程序,,,讓我認識到,小公司在意的不是技術和學歷這些,他們只需要能夠干活的就行,深度鉆研技術?沒什么太大意義,至少對于現在的我,或者和我同類一樣自學的人來說,應該只有大廠或 10k 往上的公司才會開始要求技術深度。
真的是吃了個小虧,我之前只學過 Vue,微信小程序以及移動端開發都不熟練,就一股腦的研究各種技術去了。。。是,我是 js 基礎進階乃至 Vue 原理也學過了,八股文也背過不少,牛客網上各種大廠面經我基本上也能答出百分之八十的前端相關題,但是。。。完全沒用啊!!!我這次找工作時的面試就沒幾家問我多少技術問題。。。離譜。。。
所以說,如果是想我一樣自學的,我建議你們多學點技術棧,哪怕沒有深入,但也要多學,達到能做項目的程度就行,同時一定要多干幾個項目,豐富自己簡歷,技術這些等找到工作后再慢慢提升。
再說說我現在這家公司,我是 2月28日入職進入公司,進公司第一周就是讓我看并熟練 ant Design Pro 的后臺開發框架。之后又讓我看看 React,因為這家公司主要使用技術棧就是 ant Design Pro + React。一般只有在客戶要求的情況下使用 Vue。
到了第二周我就上手做項目了。。做的是使用 React + ReactNative + NativeBase + Expo + React Navigation + Redux 開發的移動應用,我當時就傻了,上面這些單詞,出了 React 和 Redux 偶爾聽到見到過,知道 React 是單向綁定數據流,JSX 寫法,而 Redux 是 React 的狀態管理插件以外。。我就完全不懂其它的了。
當時真的很蒙,一開始我以為會給我安排 Vue 項目,或者等到我熟悉了 React 之后再給我安排項目的。卻沒想直接給我上手了???還安排了兩個模塊,雖然說都是最簡單的。
但我還是花了一周的時間一邊熟悉代碼,一邊看文檔,一邊增刪復制粘貼代碼硬生生寫完了。
下面附上我的簡歷,給正在招工作的兄弟姐妹做參考,真的很垃圾的簡歷。
5個人簡歷

語雀地址:https://www.yuque.com/xiaochens
最后的最后附上我的技術棧:
6我的技術棧
CSS 布局通學:
Float 浮動布局 + Position 定位布局學習[5]
Flex 彈性布局學習[6]
Grid 網格布局學習[7]
多欄布局學習[8]
JS + ES + TS 技術棧:
JavaScript 學習[9]
ES6 學習[10]
TypeScript 學習[11]
JS 內置 API[12]
微前端了解及學習[13]
前端性能優化[14]
JS 進階之路:
JS進階之this、執行上下文[15]
JS進階之遞歸、尾遞歸[16]
JS進階之深淺拷貝[17]
JS進階之類數組與數組去重、扁平化[18]
JS進階之本地緩存[19]
JS進階之ES6模塊化[20]
JS進階之Proxy與Object.defineProperty[21]
JS進階之防抖、節流[22]
JS進階之什么是重排與重繪[23]
JS進階之原型、原型鏈、原型繼承[24]
JS進階之作用域、作用域鏈、閉包、柯里化[25]
JS進階之圖片懶加載與預加載[26]
JS 異步編程學習:
Promise 學習[27]
JS 事件循環與異步編程[28]
JS 手寫系列:
手動實現 new、call、apply 以及 bind[29]
簡單手寫發布訂閱[30]
經典面試題 LazyMan[31]
手寫 Promise 核心代碼[32]
Vue 技術棧:
Vue2 學習[33]
Vue3 學習[34]
Vue-Router 學習[35]
Vuex 學習[36]
axios 學習[37]
create-vue 與 Pinia 上手試玩[38]
Vue 長列表渲染實戰[39]
Vue3 做了那些優化?以及它的新特性[40]
Vue 深入學習:
Vue進階之 組件傳值方法總結[41]
Vue進階之 Router 兩種路由模式的區別[42]
Vue進階之 與forceUpdate[43]
Vue進階之 Mixin(混入) 學習[44]
Vue進階之 虛擬 DOM 與 Diff 算法[45]
Vue進階之 EventBus 事件總線[46]
Vue進階之 extend、Render、h 的學習[47]
Vue2 數據響應式原理學習[48]
Vue 快實現系列[49]
前端工程化:
Webpack 學習[50]
Vue3 + Vite2 項目實踐[51]
GIt 學習[52]
基于 Vite2 搭建 Vue3 + Ts 開發環境[53]
基于 Webpack5 搭建 Vue2 后臺開發環境[54]
數據結構與算法:
1. 數據結構入門與數組[55]
2. 棧與js 運行機制、遞歸、偽遞歸[56]
3. 隊列與 js 中的異步隊列(任務)。[57]
4. 時間、空間復雜度[58]
5. 簡單排序算法[59]
常用算法解析[60]
HTTP:
HTTP 學習[61]
項目實戰:
Vue-GM 后臺管理系統[62]
VueBlog 響應式博客[63]
CoolButton 按鈕組件庫[64]
揭秘 Vue Cli,打造屬于自己的項目腳手架工具[65]
寫一款自己的 jQuery 框架[66]
參考資料
[1]
點擊閱讀原文查看更多
·················?若川簡介?·················
你好,我是若川,畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列》20余篇,在知乎、掘金收獲超百萬閱讀。
從2014年起,每年都會寫一篇年度總結,已經堅持寫了8年,點擊查看年度總結。
同時,最近組織了源碼共讀活動,幫助3000+前端人學會看源碼。公眾號愿景:幫助5年內前端人走向前列。
掃碼加我微信 ruochuan02、拉你進源碼共讀群
今日話題
略。分享、收藏、點贊、在看我的文章就是對我最大的支持~