轉職前端工程師 3 年多的回顧

tags: 網頁前端 回顧

今年 2021-10-21 是我入職台灣 Garena 前端團隊的第二年整,回想起來時間真的過得好快,一眨眼就過了...,剛好看到好多跟我差不多時期的前輩、同輩們都在分享入行的過程,我也來簡單總結分享一下這 3 年的成長點滴看看,希望對大家有幫助

轉職前的我

轉職前我是一名日文品質技術工程師,負責處理公司與日本人相關的事務,帶日本工程師去客戶端進行檢修開會等等的事情,日子過得很充實,但就是薪水少了點...

初次接觸前端開發

其實在大學時我就有接觸過 Coding,但當時的我只想敷衍拿到學分就好(也可能是老師教太鳥了哈哈),總之當時的我確實沒有提起任何興趣。直到出社會幾年後,不斷在摸索自己的興趣,偶然的機遇下遇到了「聯城電腦」的響應式網頁設計課程(沒有廣告,是真的),出於好奇稍微接觸了一下發覺好像蠻有趣的,花了一筆不小的錢報名後就開始上課了...

之後我一邊工作,一邊上課學習,下課複習,持續了大約半年左右,把 w3school 裡的 HTML, CSS 反覆看了好幾遍,接著學習 Bootstrap 3.x(那時候的版本), jQuery, PHP,並開始製作自己的第一個個人網站作品

找尋第一份

在作品完成後,我就開始找尋第一份前端工程師工作,過程實在不能稱得上順利...,相反的,我常常被面試官洗臉,被問:我是很希望給你機會拉,但我擔心的是你能不能做得來?

這階段真的很難熬,但千萬別氣餒,也慶幸當時的我沒有氣餒放棄,不斷在面試過程中學習、改進,就這樣持續面試 => 打槍 => 學習 => 面試 => 打槍 => 學習 這樣不斷輪迴下,漸漸的,有公司開始給予我機會了!! (=V=正所謂打不死的小強)

工作學習

第一份工作上工後,我才深深體認到,什麼叫做挫折,本來以為找到工作就可以安心了,沒想到事實是殘酷的,公司前端前輩剛好在我上工前一週離職...前端只剩我一個QQ,硬著頭皮,開始從頭看起公司的陳年老 code,當時公司還沒有前後端分離,於是,我一邊學習 PHP, jQuery, Vuejs,花了 1 個月學習 Vue-Cli 後搭建了新官網open in new window

在這一份工作裡真的是技術突飛猛進,前面三個月真的是每天下班都想哭,每天晚上都在研究技術,切版 CSS, jQuery, RequireJS, Vue-Cli, Webpack 在沒有人帶、沒有技術背景的情況下以一個完全技術外行人的身份硬嗑了所有的需求......,回頭想真的是很刺激哈哈哈,這些回憶也是無可取代的,也讓我對自己的自信提升了不少

蹲低跳耀

雖然自己這麼說實在有點大言不慚,但確實在工作一年後,我把 jQuery, Vanilla JS, Nodejs, Webpack, Vuejs 都摸了一大圈,比起大佬當然還是差得老遠,但可以肯定的是,對這些技術的掌握度明顯提升了非常多,回想起來「持續每天學一點」這件事,真的對我幫助非常大,每天去論壇挖東西學,每天不斷不斷提升一點,長時間累積起來是非常可觀的量,也讓我在短時間內把技術提升起來到可以漸漸能夠獨當一面

現在的我

在台灣 Garena 裡都是各路好手怪物,在每個人身上都能學一點學一點,在這裡我被推坑了 iterm2, zsh,也才愛上並學習了 command line 的魅力,把前端工程化 webpack 底層摸了個遍(為了看懂公司的 template...Orz),也把一直以來有興趣的 sass 用到熟練,最近更是為了用 Vue3 而把 Typescript 也學好來了

關於 sass 的練手,我認為最好的方式就是自幹一個像 bootstrap 一樣的 css 框架架構

關於 typescript 的練手也是一樣,用 ts 寫個套件吧!不管有沒有人用,做就對了,要求自己把所有 types 都做到極致,這樣之後不論遇到什麼基本都沒啥問題了

另外其實在做套件、Side Project 的過程中,也會被迫學習前端工程化的知識,舉凡 yarn, pnpm, webpack, rollup, vite, ESM, Nodejs 等等技術也會慢慢有所學習了解,畢竟如果連環境都弄不好,想做到根本是天方夜譚...,我也因此在 github 上搞出了一堆像 webpack-template, vue-template, react-template, rollup-template 等等各種技術的模板XD

未來展望

入行 3 年多,一路走來充滿血淚,沒做出什麼大事,但也無愧自己內心就是了,安安份份把該做的,該學的都妥妥地完成就很了不起了我認為...

對於新入行或是想入行的人,如果這是你真的想學的,你喜歡的,希望大家都能持續堅持下去~一起加油拉!

這是我的 Githubopen in new window 歡迎一起討論技術喔=V=

Last Updated:
Contributors: johnnywang