前端工程師持續精進 — 推薦的進修資源

2023年10月24日

💎 加入 E+ 成長計畫 與超過 350+ 位軟體工程師一同在社群中成長,並且獲得更多的軟體工程學習資源

先前曾經寫過一篇《推薦的轉職前端學習資源》,那篇的出發點是給想要轉職前端工程師的人的資源彙整;因為當時在轉職時,也花很多時間找資源,想說整理一篇,可以讓想轉職的人可以少花點時間。

不過在成為前端工程師第三年的我,發現現在的我每天讀的跟看的,有蠻大一部分跟當時的我很不一樣,所以想說是時候整理一篇現在的我在持續提升自己時會讀的資源。推薦給同樣在前端工程師進修之路上的人參考。

YouTube 頻道

過去 YouTube 上都是以基礎教學為主,不過這幾年越來越多進階的內容出現在 YouTube 上。我自己是有訂閱以下進階內容的 YouTube 頻道,平常有空的時候就會看一下。

Theo - ping․gg

  • Theo 是 Ping 的創辦人,過去在 Twitch 當過工程師。他很擅長用圖解的方式說明複雜的概念。除了講概念外,他會定期邀請一些業界有名的工程師開直播,談論各式各樣前端開發的議題。

Ryan Carniato

  • Netlify 首席工程師,也是 Solid.js 的創作者。Ryan 是個技術深度非常深的工程師,我在看他的影片時,很常都需要先暫停下來,消化一下後才能理解他講的。他除了會講一些概念外,也很常在影片中直接實作。看資深的工程師寫 live coding 我覺得很有幫助,因為可以知道他們是怎麼思考,同時也可以看他們如何架構程式。

ThePrimeagen

  • Primeagen 是 Netflix 工程師,雖然不是專注在前端內容,但內容都很優質。主要是做很多效能評比。他也很常會發一些跟工程師職涯相關的影片,每次看到都覺得受益良多。

Beyond Fireship

  • Fireship 是很有名的工程師 YouTuber,他擅長把複雜的概念用很簡單的方式傳達。 他原本只有 Fireship 主頻道,到今年又開了 Beyond Fireship 這個副頻道,在副頻道中會講一些更深入的內容,相當推薦。
Matt Pocock
  • 很多前端工程師初步掌握 JavaScript 後,在工作上會需要進一步學 TypeScript。Matt Pocock 是 TypeScript 教學界中,榜上有名的好老師。先前他已經推出一門的免費入門課 《Beginner's TypeScript》;後來又公開免費的進階課程 《React with TypeScript》,教你如何在 React 中善用 TypeScript。我個人很喜歡這個課程的設計,概念講解搭配互動式的練習,讓你夠從實作中掌握 TypeScript。非常推薦想學 TypeScript 的人上這兩門免費的課。

文章類

除了影片外,我也有定期閱讀一些文章類的內容,來提升自己的知識水平。

Web.dev

  • Google 推出的前端教學與部落格文,過去一年來 Google 新增了非常多主題教學文。除此之外,也有進階的部落格文章,每篇的品質都很不錯。三不五時到 web.dev 上面滑滑,可以幫助在前端領域持續精進。

Kent Dodds 的 Epic Web Dev

  • Kent Dodds 是前 Paypal 工程師,也是業界中蠻有名的前端工程講師,過去出過 Epic React 等知名課程。Epic Web Dev 是他 2022 新出的系列文,每篇質量都很高,很推薦想持續進修前端的人可以訂閱 (是免費的)。

patterns.dev

  • 由 Google 的資深主任工程師 Addy Osimani 主筆。他也是十年前那本有名的 JavaScript Design Patterns 的作者。patterns.dev 是基於最新的前端業界趨勢,新寫的版本。想要學習或複習前端設計模式,非常推薦這個免費資源

稀土掘金

  • 掘金應該有中文世界中,資源最齊全的網頁前後端資源了。如果要讀中文版本的前端知識點,每天爬掘金就對了。不過因為是論壇形式,文章品質會有點參差不齊,所以可能要看一下按讚數,挑高品質的文章讀就好。

dev.to

  • dev.to 根絕金有點像,不過是英文版的。許多前端的大佬都有在上面發表文章。舉例來說 Qwik 的創作者 Miško Hevery,或是 Solid.js 的創作者 Ryan Carniato,都有在上面發表文章。我自己是讀完覺得文章品質高的作者,會訂閱他們。

vgod 軟體工程師的修煉與成長

  • 先前有推薦過 vgod 的《追求神乎其技的程式設計之道》系列文。在這系列文後,vgod 於 2022 年寫了《軟體工程師的修煉與成長》系列文。vgod 是資訊奧賽的獎牌得主,當年保送台大,後來去 MIT 拿資工博士。在這系列文,他談到過去一個人寫程式,跟在團隊當軟體工程師的區別,也談了他如何從 L4 工程師升到 L7。我覺得這系列很多點寫得很有啟發性,推薦每個軟體工程師讀。

付費內容

Frontend Masters

  • Frontend Masters 是以工作坊的形式進行,裡面有許多進階課程,我上完覺得很有幫助。我蠻喜歡他們的工作坊是互動形式的,過程中會有很多小練習。我自己特別推薦 Mike North 的 TypeScript 系列課程。他是前 LinkedIn 的資深主任工程師,團隊就是做 TypeScript 的,所以他的課不只有理論,也有很多實務應用。

Master the Code Review

  • 是一名前 AWS 工程師開的四小時線上課程,談了 Code Review 的重要概念,如何做好 Code Review,以及如何寫好程式碼。雖然不是針對前端的,但對前端工程師仍幫助很大,畢竟前端工程師也是需要做 Code Review。我個人覺得受益良多,特別是裡面有許多實際的例子,讓人更了解如何做好 Code Review,以及如何寫出可以迅速通過 Code Review 的程式碼。

Taro

  • Taro 的前身是 LinkedIn 上小有名氣的 Tech Career Growth Community 是由兩位前 Meta 主任工程師共同創辦,旨在幫助軟體工程師的職涯發展。Taro 特別專注在技術以外的重要軟實力,主要是兩位創辦人發現,很多工程師無法升遷,不是技術能力不夠,而是其他方面不足,而 Taro 就是專注在那些方面。

The Pragmatic Engineer Newsletter

  • 這是目前業界最紅之一的軟體工程師電子報,每一期除了會有談一些技術新知,我自己覺得更有幫助的是產業的動態。作者幾乎每篇文章都會做非常深入的調查與分析,所以可以讀到很多市面上讀不到的深度內容。

《You don’t know JavaScript》

  • 作為前端工程師,JavaScript 一定要夠熟。但是你跟 JavaScript 有多熟呢? 我本來以為自己已經夠熟了,但讀了這系列的進階 JavaScript 內容,我是真的體認到我對 JavaScript 的了解不夠深。這系列有出版成書,但作者也同時在 GitHub 上免費開源,很推薦要把底子打扎實的人可以好好讀過。

《A Philosophy of Software Design 》

  • 這本書是史丹佛大學教授 John Ousterhout 前幾年出的,有系統地歸納軟體設計常見的問題。我認為這本很適合每個階段都拿出來重讀一次,會有不同體悟。有些東西一開始似懂非懂,多寫一些程式後重讀,會更能理解裡面提到的重要觀念。這系列我們也有把讀書筆記放在 explainthis 上,歡迎前往閱讀 (連結在此)。

《Software Engineering at Google》

  • 這本書很詳盡地描述了 Google 如何做軟體工程,基本上軟體工程的個面向都有談到。在出版幾年後,現在這本書有免費開放在網路上閱讀,很推薦一讀 (網址連結在此)。
🧵 如果你想收到最即時的內容更新,可以在 FacebookInstagram 上追蹤我們