捨棄 create-react-app 之餘還架了個 astro blog 昭告天下:學習資源
今天會來分享一個前端工程師為了跟上技術潮流、進修用,與收集部落格開發靈感用的相關資源。
技術潮流
避免閉門造車,個人目前維持一週至少看一次技術趨勢的習慣。這部分不用精讀,可以快速掃過(發現有趣的主題再繼續挖掘即可)。目的是對於新技術、話題有基本概念。
- Frontend Focus:週更電子報,前端入門主題(
HTML, CSS, WebGL, Canvas, browser tech
)都有機會看到。每週分享內容都會提供摘要,可以很快地從摘要與文章標題判斷是否需要投入時間閱讀 - Chrome for Developers 與 web.dev:直接搭在 Google 肩膀上來看新技術或是近期強推的議題。加碼玩法:如果有幾部影片、文章的發布者是同一位,可以辦個推特帳(X)號進行跟隨。常常會因為轉推又看到一堆有趣的東西
- 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
看看其他人怎麼設計自己的技術部落格,或是在推特(X)搜尋tech blog
等關鍵字 - 從 Frontend Focus 留意每週精選文章的作者有沒有在經營部落格,有的話,把那個部落格的 RSS 訂爆
總結
今年也是在寫文的時候才發現很多東西都只是懂了表層。為了避免內容出包,準備期間花了不少時間確認參考資料。希望這 30 天的內容能為你帶來一點新想法。感謝你的閱讀。