今天會來分享一個前端工程師為了跟上技術潮流、進修用，與收集部落格開發靈感用的相關資源。

技術潮流

避免閉門造車，個人目前維持一週至少看一次技術趨勢的習慣。這部分不用精讀，可以快速掃過（發現有趣的主題再繼續挖掘即可）。目的是對於新技術、話題有基本概念。

• Frontend Focus：週更電子報，前端入門主題（HTML, CSS, WebGL, Canvas, browser tech）都有機會看到。每週分享內容都會提供摘要，可以很快地從摘要與文章標題判斷是否需要投入時間閱讀
• Chrome for Developers 與 web.dev：直接搭在 Google 肩膀上來看新技術或是近期強推的議題。加碼玩法：如果有幾部影片、文章的發布者是同一位，可以辦個推特帳（Ｘ）號進行跟隨。常常會因為轉推又看到一堆有趣的東西
• https://diff.blog/ 與 Hacker News：涵蓋軟體開發的所有主題，根據標題挑有興趣的內容來閱讀即可。只是想稍微了解技術趨勢的話，輕鬆看（不精讀）也沒有關係 😌
• GitHub Trending：可根據慣用的開發語言來過濾熱門 repo 與開發者，有時會挖掘到不錯的開源資源
• 關注各類實體與線上活動：繁中社群如鐵人賽、開源人年會（COSCUP）等活動，海外場次多半能透過 YouTube 當免費仔補檔（如 React Conferences、JavaScript Conferences 與 JSConf）

進修類

除了在工作上持續解決問題、增進經驗外，每週還會安排一定量的時間來增加關於軟體架構、clean code 與開發取捨等主題進行探索。這些就是需要花時間精讀的內容，極高機率不止讀一遍。如果能在 conference 或是各類交流場合找到志同道合的人一起開讀書會，會更不容易放棄 🥹

• Frontend Masters：訂閱制。個人習慣累計一至兩門想聽的課程後，訂閱一個月集中看完。與 Udemy 最大的差別大概就是 Frontend Master 的一門課程通常都會在 4 小時內結束，相較精實。且因為訂閱費不便宜，錢花了基本上都會把課程看完
• Refactoring.Guru：設計模式免費參考書。初次接觸多半都搞不清楚能怎麼應用，沒關係，寫夠多 code 後就會知道了
• （書籍）Good Code, Bad Code 與 The Programmer's Brain：兩本都是 Manning 的有聲書，配晚餐邊吃邊聽，一個月能聽完一本。兩本分別在聊軟體架構與工程師的心智模型，不分前後端開發都值得讀讀看

部落格開發相關

• Unsplash / Pexels：透過關鍵字搜尋能免費使用的圖像、照片。覺得這裡找不夠的話，可以用關鍵字 stock image cc0 來開發新圖庫。注意授權選擇 cc0 授權，使用圖片時能不強制附上出處
• Happy Hues / Material Theme Builder：參考色票，並且可透過 Material Theme Builder 試看各種色票效果。或是關鍵字 color theme for website 餵 Google 看看當下流行什麼組合
• 直接在 Google 搜尋 tech blog recommendation 看看其他人怎麼設計自己的技術部落格，或是在推特（Ｘ）搜尋 tech blog 等關鍵字
• 從 Frontend Focus 留意每週精選文章的作者有沒有在經營部落格，有的話，把那個部落格的 RSS 訂爆

總結

今年也是在寫文的時候才發現很多東西都只是懂了表層。為了避免內容出包，準備期間花了不少時間確認參考資料。希望這 30 天的內容能為你帶來一點新想法。感謝你的閱讀。

本文同步發佈於普通文組 2.0