學習網頁開發一段時間了，便深深地感受到這個領域的博大精深，每當學會一個新的概念、技術、框架，就會發現每個知識點的背後都還能延伸出無限個知識點，永遠沒有學完的一天。
更別說在變化莫測的前端領域，短短兩年之間，工具和技術已經可以產生巨大的變化，當年還是當紅炸子雞的框架，可能到了今天就已被棄如敝屣。
身為一個菜鳥前端工程師或是前端開發學習者，當然不能只被動地接收老師、前輩所說的話，因為他們講的內容，很可能已經過時了！此外，做為求職者，吸收產業動態並學習新技術，也是增加競爭力的不二良方。
那到底該如何時常接收新知，而不被時代的潮流給吞沒呢？我認為，Youtube 頻道和電子報是最輕鬆的方式，因為，人家都把重點給整理好了，我們只要負責看就好 👀 以下就來看看 Youtube 頻道的部分吧！
1. Kevin Powell
- 主題：CSS、HTML、一些 JS
- 江湖人稱 「CSS King」 的 Kevin，是新手學習 CSS、或是想持續學習 CSS 新知的老手的最佳選擇。他的講解非常簡單易懂，即便是最常見、最基礎的主題也都還是能學到很多以前沒注意到的面向。最讓人敬佩的是他對 CSS 的熱情，看影片的人很難不被感染！
- 推薦影片：Flexbox or grid — How to decide?、The State of CSS 2023 survey is here!
2. Web Dev Simplified
- 主題：JS、React、Typescript、一些 HTML & CSS
- Kyle 的影片也很適合新手入門，從基礎 JS 知識到進階的 React、Typescript 應用都是他談論的主題。他的講解非常流暢清晰，搭配易懂的範例，任何困難的概念都可以被他轉化為容易消化的知識。(web dev youtuber 界顏值擔當…)
- 推薦影片：Learn Pointer Events In 15 Minutes、Learn Any New Framework/Language FAST With These 5 Steps
3. Fireship
- 主題：前端、後端、程式語言、開發潮流
- 這個頻道應該是所有網頁開發者必追、也是最受歡迎的頻道之一。他迷因化的風格和快節奏卻不失深度的影片，在輕鬆和嚴肅之間取得了絕佳的平衡。雖說頻道的主題較雜，很多主題對新手來說門檻也較高，但作為吸收新知和潮流的管道絕對是首選。
- 推薦影片： Things are gonna get weird in 2023 (The Code Report)、100+ JavaScript Concepts you Need to Know
4. The Net Ninja
- 主題：前端、後端、網頁開發
- 含金量非常高的頻道，通常都是一系列的主題性教學影片，例如 SASS tutorial、React Router tutorial… 每個主題都有 8–15 個影片左右，幾乎是完整的課程了。他在 udemy 上也有付費的課程，但光是看 youtube 頻道就有學不完的東西。如果想要針對某些主題做深入一點的學習，看他的頻道就對了！
- 推薦系列：MERN Stack Tutorial、SASS Tutorial
5. JavaScript Mastery
- 主題：React、前端、後端
- 這個頻道的創立宗旨就是「從實際的專案中學習」，因此，每個影片都是一個完整的專案，動輒兩、三甚至七、八小時。專案的主題也很多元，包含電商網站、Tiktok clone、群眾募資網等等。雖然已經比一般的影片長很多，但要把整個專案過程濃縮到幾個小時之內，還是會省略掉很多思考的部分，因此建議有一定程度之後再來看比較好。
- 推薦影片：Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind
6. Theo — t3․gg (Theo Browne)
- 主題：網頁開發潮流、個人意見
- 跟上面提到的幾個頻道比較不同的是，這個頻道並非以教學為主，而是談論網頁開發的潮流和對相關議題的看法。例如：如何在 2023 年找到 tech job、為何 Tailwind 這麼受歡迎、現在開始學 React 還來的及嗎？…等等。追蹤他的頻道可以了解現在網頁開發的圈子正在討論什麼、有哪些論戰。只不過，由於是個人意見頻道，所以他的意見參考參考就好，絕對不要認為他說的就是對的。
- 推薦影片：Getting A Tech Job In 2023、Why is everyone talking about Tailwind?、AI Is Starting To Scare Me
7. DesignCourse
- 主題：UI、UX、前端
- 比起網頁開發，這個頻道比較偏重 UI、UX 的部分，不過，身為一個前端工程師，擁有一個好的 design sense 絕對是加分的。這個頻道常常會有 redesign UI 系列的影片，從中可以觀察到什麼是好的設計、什麼是不好的設計，以及一些讓網頁更吸睛的簡單設計技巧。
- 推薦影片：I Fixed 3 Broken Portfolios in Record Time、Want your layouts to look GREAT?! Try Adding DEPTH
8. Coding in Public
- 主題：前端、React、Astro、JavaScript
- 這個頻道是透過 The Net Ninja 推薦才知道的，知名度不太高，但是影片的品質非常好、講解也很簡單易懂。內容主要集中於前端開發，目前也有越來越多關於 Astro 這個框架的教學內容。
- 推薦影片：Astro Crash Course in 20 Minutes!、My Favorite Tailwind Tools
9. Dave Gray
- 主題：JS、React、Typescript、Python
- 和 Web dev simplified 主題類似，有概念解釋也有專案實作類型的影片。非常推薦 Advanced Javascript Concepts 系列，在 youtube 上比較少有把這些概念都完整講過的系列影片。
10. Jack Herrington
- 主題：React、JS、前端、後端、網頁開發潮流
- 比較最近發現的頻道，主題算是綜合了 Web Dev Simplified 和 Theo — t3․gg，不僅有教學類型的影片也有針對最新開發潮流的討論。
- 推薦影片：Mastering React’s useEffect、HTMX: The Game-Changing Alternative to React
11. Web Dev Cody
- 主題：前端、後端、網頁開發經驗談
- 無意間發現的高含金量頻道，大部分的影片都是主持人看著畫面隨口道來關於網頁開發的種種，包含工程師每周的真實日常、在大型的開發團隊中他們是如何架構產品的團隊和 infrastructure、AI SaaS side project 經營心得等等，就像一個親切的資深前輩與你分享他身為開發者的生活。這類內容在 YT 上面實屬少數，十分推薦。
- 推薦影片：What does larger scale software development look like?、What does my typical work week as a web dev like、How much 💰 has my SaaS project made since launch?
12. Josh Tried Coding
- 主題：Next.js、React、前端、全端開發
- 以簡潔有力的方式介紹 Next.js、React 以及相關生態系的開發技巧，也有較長篇的手把手教學影片。
- 推薦影片：5 Amazing Open-Source React Projects to Learn From、7 Awesome TypeScript Types You Should Know
13. PedroTech
- 主題：前端、全端開發教學
- 以新手為導向的主題式全端開發教學，包含 React、Mern Stack、GraphQL、Socket.io 等等內容。
- 推薦影片：Awesome React Libraries You Don’t Know、All The JavaScript You Need To Know For React (More JS To Know)
14. Awesome
- 主題：全端開發潮流、話題技術介紹
- 以迷因化的風格來介紹最新最潮的前後端話題與技術，讓人想起 Fireship 的影片。不過，作為一個懶惰且喜歡被娛樂的觀眾，很高興看到這種類型的影片蓬勃發展。
- 推薦影片：How does Reactivity actually work?、What happened in 2023 so far?
And more… 🤯
除了上述提到的頻道之外…
- 經典的 freeCodeCamp 頻道不容錯過，很多高品質的完整教學都是完、全、免、費的！
- 在 Udemy 也有蠻多課程的 Traversy Media，他的頻道上有含金量很高的內容 (只是最近更新頻率不高)
- 和 Fireship 風格有點雷同但是比較著重在前端內容的 Hyperplexed
當然還有很多我還不知道的優質頻道，如果有更多推薦的內容，也歡迎在底下留言跟我分享！😋
