在從 UI 設計轉職前端的過程中，曾經報名過實體課，也上過一些線上課程，又或是找 youtube 教學影片來看，想分享讀過覺得不錯的免費學習資源：
線上課程
CS50: Introduction to Computer Science - Harvard
程式沒太多基礎的人也能看懂吸收的課程，非常喜歡講者的教學，講課過程很生動、富有感染力，課程中也設計了許多互動環節，課堂上大家提問十分踴躍，看現場學生提問很有趣，因為大家不見得都是本科，也不會害羞覺得自己提出的問題是不是太簡單，總的來說，我認為這是一堂很能啟發人的課，從課程本身到上課方式都有亮點。
不過我看的是Covid19 之前的版本，個人不是很想要看到老師學生都戴著口罩，全線上上課對於我來說，比較缺乏現場互動的感覺。
Vue - The Complete Guide (incl. Router & Composition API)
老師設計課程時滿仔細的，課程中提供了還未完成的範例程式碼作業，和已完成作業的解答程式碼供參考，課程也是 step by step 的引導學生慢慢理解功能。
優點是不會被時間和地點所限制，缺點是線上課程容易讓人懈怠，曾以為實體課程會比線上課程來的吸收力好，但上完這個 Vue 的線上課程後，覺得並不會遜於實體課程。線上課程的缺點是沒辦法馬上舉手問老師，不過這個課程的作業設計細膩度是很足夠的，針對不懂的部分也可以反覆觀看，趁特價時買也只需要台幣三百多塊，個人覺得十分划算，值得推薦。
因為我是非本科專業，對於計概並不是非常熟悉，在友人的推薦下看于天立教授的計概線上課程，覺得台大真的非常佛心，把完整的課程放到網路上免費讓人學習，老師口條清楚，而且是繁體中文的學習資源。
缺點大概就是學習曲線偏高，對於非本科生會略微痛苦，我是挑自己比較有可能會接觸到的部分來看，有些太電機的部分並沒有完全看完，有些篇幅看過一次不是太熟悉，之後會想再反覆多看幾次。
電子書
算是 JS 聖經等級的書，完全免費還有中文版本可以看，會覺得與其一口氣啃完，不如分成幾個段落看完一次，如果在實作上有遇到相關問題，再回頭重新看相關的章節，會比一次埋頭猛 K 完ㄧ整本更有感。
網站
state of 系列網站我從前幾年開始追，每一年的年末到隔年的年初會推出該年的總回顧，從這份調查報告裡可以看出，現在流行趨勢是什麼，哪些框架/語法/工具最多人推，有哪些新的框架/語法/工具等等...可以了解整個 JS / CSS 的趨勢脈動。缺點是這是在網路上普發英文問卷的調查，所以樣本數多為歐美白人，像是一些框架的選擇、薪水的級距等，對於目前身處亞洲的我只能酌量參考，不過，如果是目標擺在歐美職缺的話，用這份調查報告來檢驗自己的能力是否符合歐美職缺的期待，是滿適合的。
這是同事推薦給我的網站，大推 ByteByteGo 電子報和 Youtube，每一期電子報會針對不同主題進行講解，有圖文並茂的影片也有純文字的介紹，圖示解說的部分覺得十分用心，可以感受出作者想要盡量用動態和淺顯的方式跟大家介紹專業技術，整支解說影片時間有控制在適當的時間內，解說語速和咬字也讓人聽得很舒服和清楚，除了吸收新知外，也會想要學習 ByteByteGo 在圖表呈現和表達的細節。
Podcast
Syntax. - A tasty treats podcast for Web Developers.
之前就有在看 Scott Tolinski 的 Level Up Tuts 教程 和 Wes Bos 的 JavaScript 30，後來發現他們一起合作 Podcast，理所當然就來個一鍵三連按讚訂閱分享：）
他們的 Podcast 整體基調算是輕鬆聊天的氛圍，不是非常死板或硬核到讓人難以消化，不過，基本上我並沒有每集都聽，是挑自己喜歡的主題選著聽，看看相同領域的人對於技術或工具發表一些想法，是滿有趣而且可以獲得新知。推薦給想要時不時了解一下新技術新知識，但目前還沒有適合管道或同好可以討論的人，輕鬆的節奏是可以讓人比較無壓力的聽。