/Frontend, Life

神 Q 超人 | 屬於前端工程師的 2019 歷險回顧 👨‍💻

前言

Hi!大家好我是神 Q 超人,這篇文章想要單純回顧下,在正式轉職為前端工程師的這一年中,我身上發生了什麼事情,那為什麼會想要打這篇呢?因為我覺得

記錄自己是一件非常重要的事情,

然後最近讀到非常非常非常喜歡的文章是「Why & How I built css.gg — A life story.」,雖然裡面描述的是做一個 Project 的過程,但在文章裡更能發現作者

因為熱愛一件事,所以才能做到!

尤其是裡面的一段話:

I am trying to express how I felt on the beginning of the year and where I am now on the best just HAPPY, freelancing and full of energy to continue on 2020 and I want to inspire you do the same, make the difference make what you love no matter what it is, feel fulfilled and don’t listen any thing else that will make you stop.

作者想表達現在的他和開始時一樣,對自己在做的事情感到快樂!且同樣想要激勵各位在 2020 年「愛上改變,且繼續向前邁進!」

因此這是很棒的機會,尤其是在我成為前端工程師後的第一年,想透過這篇文章檢視自己是否和一年前一樣,熱愛前端技術且充滿熱情!


轉職前端之前

就如同標題所提到的!其實我成為前端工程師也才短短的一年而已,而且真正開始學 React 這個框架是在 2018 年的鐵人賽,用「一步一腳印的 React 旅程」學會的(文章內容相當粗糙,慎入 😂)

但學完了,然後呢?

因為當時的工作是用 ASP.NET,沒辦法讓我更深入練習 React 的應用技巧,所以雖然能力還很菜,但仍然把心一橫,怒接個案子來做,然後在團隊裡專門負責前端的部分,使用的框架當然也是 React。

在專案的執行期間也考慮過很多事情,印象比較深刻的大概是那時候搞不清楚為什麼 Store 在每個專案中只能有一個,還有用 redux-thunk 解決了在 Redux 中使用非同步的問題。總之就是不挺不知道,挺過了就會感受到自己能力的提升,因此

實戰經驗真的很重要!

工作

說到工作也真的非常幸運,我履歷投了兩間用 React 開發的新創,也都有通過面試拿到 offer,而這兩間都是朋友在 Facebook 的社群裡看見的徵才資訊,然後轉貼給我,可以說沒有他們就沒有現在的我 😭

兩間的面試過程其實差不多!都是聊天居多,我想可能是因為新創公司比較重視人格特質,就沒有特別對技術另外做測試,值得一提的是他們都很佩服「經營部落格撰寫技術文章」這件事情,認為這是一種對於「熱情」的展現,在沒有人要你這麼做,逼你一定要產出文章的情況下,你還是會做

那就是因為你真的喜歡!

最後我選擇了在高雄的新創公司,現在每天搭火車從台南往返通勤 🚃

Medium

在部落格上今年做的改變是從 itHelp 跳到 Medium,那時候的我是抱著今年一定要開始產出英文文章的心情下轉換平台,但結果我還是一篇英文文章都沒有發 😭,算是自己滿廢的一點,但是在 2020 年的我就不一樣了,絕對會發個幾篇讓大家瞧瞧!

除了跳到 Medium 外還有另外一個突破就是,我嘗試著把自己的文章依照主題分別鋪天蓋地的分享到 JavaScript.twFront-End Developers TaiwanReactJS.tw 等 Facebook 社團,除了想要幫助更多人外,還有一個原因是

我不想要寫下文章只是自爽,不想當平行時空旅人,

我想知道自己內化的知識到底正不正確,想讓大家討論我的文章,或是我的任何想法,我極度渴望有人可以告訴我文章裡的內容是不是對的!如果你也有這樣子的慾望,那相信我,

寫下文章,然後分享出去!絕對是得到 Feedback 最快的方法。

不過常常有人覺得說「哇!你文章打得還不錯欸!真好,像我就不行了!」通常聽到這句話的時候,我都會貼出我在 itHelp 上的第一篇技術文章:


就是那麼水 😂,所以不是每個人第一次都可以做得好的,只有不斷去做某件事情,那自然而然這件事就會慢慢成為你的形狀!

不要多想,做就對了 🙌

Modern Web & Mopcon

在 2019 年剛開始,我其實就想說要做些不一樣的事情,而投稿成為講者也在清單之內!至於為什麼?也真的說不出來,畢竟我就是一個

先衝再說的男人,

雖然 Modern Web 投稿被婉拒了,但我始終相信

沒有 Modern Web 的失敗,就不會有 Mopcon 的成功!

關於這部分的心得可以直接看「一連串奇蹟換來一次成為講者的機會 feat. MOPCON 2019」這裡就不另外說了。

第二屆 F2E 精神時光屋

這次的精神時光屋真的讓我感受到自身的成長!因為第一屆我其實也有參賽,但是那時候還不會使用 React,對前端的掌握度也還不高,所以每週做出來的成果都慘不忍睹,不求功能只求有畫面就好。雖然在學會 React 有嘗試慢慢的把第一屆的坑都填起來,但進度還是很慢 😂

好!話說回來到第二屆之所以感覺到成長是因為幾乎每週的題目都做出來了!而且除了核心功能外,有時候還能調整 RWD、能再多玩玩新技術和使用新框架,例如 Material-UITypeScript 等。

而之所以能變得那麼游刃有餘,我認為

思考是一件很重要的事情!

因為時間真的不多,每個禮拜都要處理好一個版和對應的功能,沒有太多時間能夠去嘗試,所以在看到設計稿的當下,就必須開始思考哪些邏輯可以切出來,Class 怎麼寫,Component 能不能夠複用等等,並歸納出一定要有的核心功能,然後將它完成!

最後不瞞各位說,其實大部分的版都是把火力集中在六日完成的,因此還是有很多地方需要改進,包括還沒完整的功能,如果各位有興趣可以到 我的第二屆 The F2E 作品頁面 看看:


第十一屆 itHelp 鐵人 30

因為第 10 屆的鐵人賽把 React 寫的亂七八糟,所以今年再一次強勢選擇 React 並用「在 React 生態圈內打滾的一年 feat. TypeScript」做為題目,原因除了是希望能更好的詮釋 React 外,也是一種對過去的彌補,更是要考驗自己過了一年後對 React 的掌握度是否更高!

其實這一次的壓力相比去年來說小了很多,因為記取第一次的經驗,在開始前就規劃好了 30 天的內容,而且在開賽前兩個月就在龜速準備了,雖然到開賽那天文章庫存量大概還不到一半,但是因為

有些知識都已經內化了,

所以其實打起來不算困難,有時候一個假日就能預先打完好幾篇!

最後讓我非常開心的是……我得獎了!雖然只是佳作,但受到肯定的感覺真的很棒!


StarBugs Weekly


事情是發生在某一天,有個人突然加我好友,接著告訴我說:

想弄一個基於 Medium 的技術共筆,類似 techbridge,但是是基於 Medium 技術寫作,讓大家的文章可以獲得更多的曝光。

想弄一個基於 Medium 的技術共筆,類似 techbridge,但是是基於 Medium 技術寫作,讓大家的文章可以獲得更多的曝光。

這個人就是 Luka Huang,Luka 說一開始想要找齊 4 個人,因此又在茫茫人海中找到了 Larry Lusmalltown,然後從 0 開始討論一直到 StarBugs Weekly 的誕生,這裡也要非常感謝隊友們很 carry 因為我在初期非常少注意到訊息 😭

StarBugs 給我最大的改變是,我必須比之前還要更頻繁地接收新文章的資訊!然後過濾哪些是值得推薦給大家的文章,以前除非必要,否則總是很懶得好好看完一篇文章,但是其實這是不對的。

在文章裡我們能學到的並不是只有知識,閱讀文章

就像在與作者進行一場交談,了解他如何表達想表達的以及思考事情的方法!

那這裡向大家推薦幾個很棒的國外論壇,像是 DEVDZone 或是從 Medium 中出走的 hackernoon 都有許多很豐富的資源可以參考!

F2EUnit.tw

F2EUnit.tw 是在 Mopcon 後一直想做的事,然後也真的做了!這裡很感謝好想工作室的 Chris,他在某個禮拜六的早上接受了我的滿腔熱血,然後經過簡單的討論,在隔天就秒速將社團建立起來!也要感謝大家很踴躍的加入社團!真的希望能夠將前端的單元測試推廣出去讓大家認識它!且希望這個平台可以提供有效的資源,讓各種框架的使用者都能夠在裡面找到學習資源和方向!

但是目前比較苦惱的是社群的經營方式,因為感覺前端的單元測試距離大家還是太遠了,這個部分也常常和 Chris 討論,每次 Chris 都會提出非常有趣的想法!也有很多方向可以執行,但是自身的能力還不太足,沒有辦法好好的去規劃,希望在 2020 年可以這些想法們通通推送到社團中!


感覺 2019 年過得很快,做的事情也很多,但是真正列出來其實也還好,不曉得時間到底是怎麼被偷走的 😂

總之我非常感謝 2019 年的自己,除了轉職前端做著自己真正熱愛的事情外,也好好的繼續經營部落格、成為了講者、創建了社團還有和朋友們一起進行很酷的事情!

希望 2020 年的我,仍然會保持「愛上改變,且繼續向前邁進!」的態度,繼續行走在端工程師之路!