# 線上課程精華整理：JS 和前端版各方大神推薦（主要 Udemy） ## 欲練神功篇 - [React - The Complete Guide (incl Hooks, React Router, Redux)](https://www.udemy.com/course/react-the-complete-guide-incl-redux/) - 小宇：這門課講了很多react跟redux的底層觀念（狀態管理的脈絡），但要花很多時間去吸收和研究，適合你的個性。 - [MERN Stack Front To Back: Full Stack React, Redux & Node.js](https://www.udemy.com/course/mern-stack-front-to-back/) - 小宇：全端入門，偏實作，很推薦模仿他的程式碼架構，光有觀念沒有 Coding Style 一定寫出來亂七八糟，建議你把這門課放稍微後面一點 因為他還有包含 Node.js 跟 MongoDB。 - [JavaScript Algorithms and Data Structures Masterclass](https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/) - 小宇：這個講師是我買的所有課程最會教的。教演算法、資料結構，和問題拆解的步驟，講師教學能力很強。 - 程式導師實驗計畫 的同學 John 也推薦。 - sssh5566：我覺得甚至比 CS61B 講得還好以及精彩。(覺得必買) - [Modern JavaScript From The Beginning](https://www.udemy.com/course/modern-javascript-from-the-beginning/?fbclid=IwAR3S9h07xJeO6jQrbaqr2AVEko0fcubeRre0JaSy4WZ6t70yZz57BlwA008) - [The Complete Web Developer in 2021: Zero to Mastery](https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery) - [Screeps in Steam](https://store.steampowered.com/app/464350/Screeps/) - 玩遊戲學 JS。 - [The Complete JavaScript Course 2020: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) - 網友：這門課比「克服 JS 的奇怪部分」多出實作的部份，原理也講得清楚，基本上這位講師的課都蠻推薦的！ - 網友：舊版的現在是免費的，太讚的吧趕快先搶下來！ - [Modern React with Redux 2020 Update](https://www.udemy.com/course/react-redux/?fbclid=%5B%27IwAR13AYsnhiQoAVSLPgajiCG827BfkKQ_hSZxG4tVW3BG04UNo5l0qpP-aHc%27%5D) - 網友：認真回一下，如果要走 React 這條路，必買 Stephen Grider 的這堂 Modern React with Redux，他的教學方式與規劃超棒的！ - sssh5566：這門課作為 React、Redux 入門超級推薦，無論是迅速的建立 Project 還是將課程 Project 改造成自己的 Project 都很棒，淺顯易懂。唯一的缺點是在理論上的完整度不夠，我之前看的版本就沒解釋什麼是 React Dom - [The Modern JavaScript Bootcamp｜Andrew Mead](https://www.udemy.com/course/modern-javascript/) - [The Complete React Developer Course w/ Hooks and Redux｜Andrew Mead](https://www.udemy.com/course/react-2nd-edition) - Andrew 的課程普遍介於新手和中手之間，對於建立基礎很不錯，但建造出來的 Project 其實不是很實用，喜歡再買，不喜歡的話當參考就好。 - [iOS & Swift - The Complete iOS App Development Bootcamp](https://www.udemy.com/course/ios-13-app-development-bootcamp/) - From Beginner to iOS App Developer with Just One Course! Fully Updated with a Comprehensive Module Dedicated to SwiftUI! - 老師很正，英國腔很爽。Why? 雖然課程中大部分時間都看不到她的臉，但是光是知道自己被一個有著好聽英國腔的正妹教，就可以讓學習的辛苦減輕很多。 - 這個我有特價時候買，300 元教時長度 300 多小時，一小時不到一元台幣，從什麼是網路教到框架，新手入門必買 - [JavaScript: The Advanced Concepts](https://www.udemy.com/course/advanced-javascript-concepts/) - 網友：講很多層面的東西。基礎的進階的包含原理都有，老師非常有熱誠，條理分明，講話蠻有趣的。 - [Angular 開發實戰：從零開始](https://www.udemy.com/course/angular-zero/?fbclid=IwAR3YgDPJvkhkMI7KRTfUziPXMRrAZRIWhnkIOQK52NNijYtTZJHz4Qyxagc&couponCode=NGTW2020) - 保哥：小弟，我看你骨骼精奇，是百年難得一見的練武奇才呀，再此送上我這堂 Angular 課程的 5 折優惠券代碼，希望你早日練成！(Due: 2020/12/22) - [THEODINPROGECT](https://www.theodinproject.com/home) - 全部做完，自學出來肯定能找到工作的呦。 - [The Web Developer Bootcamp 2020](https://www.udemy.com/course/the-web-developer-bootcamp/#instructor-1) - sssh5566：這是大名鼎鼎的 Colt Steele 課程，有人批判過時了就是了，猶豫要不要走 Web Dev 的可看看這門課啟蒙，如果連這門課程都看不下去建議你別轉了。看完後你可以在 resume 上列上 Mongodb、HTML、CSS、jQuery、Node.js 的 Skill。但這只是啟發性而已，以面試來說絕對不夠。 - [Build Responsive Real World Websites with HTML5 and CSS3](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3) - sssh5566：適合入門前端，有人說有點過時，我覺得可買可不買但頗適合入門。 - [The Net Ninja youtube系列 (大推）](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg) - 超級棒又免費，以入門來說淺顯易懂，缺點是缺少更深的概念，面試被問到概念可能會被問倒。 - [Traversy Media](https://www.youtube.com/user/TechGuyWeb) - [The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert](https://www.udemy.com/course/the-ultimate-mysql-bootcamp-go-from-sql-beginner-to-expert/) - sssh5566：把常見的 SQL Syntax 跑過一片，Udemy 課程比較少 SQL Project 的課程，至少 many to many, one to many 要會。 - [The Complete Node.js Developer Course (3rd Edition) Andrew Mean](https://www.udemy.com/course/the-complete-nodejs-developer-course-2/) - sssh5566：這門課扎時的把 Node.js 講了一次，很多人 Node.js 和 Express 傻傻分不清楚，個人認為這門課程有點難度，無論是以建 Project 或是面試來說 CP 值都不高。但如果有心想了解 Node.js 的話可以看看，我拿到 IBM OA 時有用到裡面的 Syntax，至少讓我知道要去哪 google，我個人沒跟完這門課程。 - [Modern React with Redux 2020 Update](https://www.udemy.com/course/react-redux/) - 坦白說我沒有看完，想走手機的可以參考看看，但聽同學說這會遇到很多版本問題。 --- ## 輔助的加分課程篇 - [Advanced CSS and Sass: Flexbox, Grid, Animations and More!](https://www.udemy.com/course/advanced-css-and-sass/) - sssh5566：如果你想走前端，Flexbox 和 Grid 的概念可能常常被問到，此外，如果把 SASS 放在 resume 上，更能說服別人你想走前端的決心，因為 SASS 幾乎是前端的基本技能。 - [Learn and Understand NodeJS](https://www.udemy.com/course/understand-nodejs/) - sssh5566：同上，內容講的超紮實，但對於新手其實毒藥，新手建議以先製造出 Project 之後過一年再來看這個。 - [The Complete Junior to Senior Web Developer Roadmap (2021)](https://www.udemy.com/course/the-complete-junior-to-senior-web-developer-roadmap/) - sssh5566：非必要，但如果你被問到 Performance 的時候至少有東西可以鬼扯。 --- ## 準備面試篇 - [The Coding Interview Bootcamp: Algorithms + Data Structures](https://www.ptt.cc/bbs/Oversea_Job/M.1553280573.A.15E.html) - sssh5566：我覺得還 ok，但他有時候會賣弄一些酷炫的 JS Syntax 我覺得沒意義，譬如他提到可以用 every，我覺得一次記太多有混淆之嫌。 - **The Advanced Web Developer Bootcamp Colt steele** - sssh5566：比 Web Dev Bootcamp 那門糟很多，但有幾個章節講得還不錯，錢多的話可以買起來當字典。 - **Harvard CS75** - sssh5566：我一開始看這個，但中間 PHP 實在很冗長，一開始的 HTTP 和最後面的 System Design 看一看就好。 - **Harvard CS50 React** - sssh5566：我一開始也看這個，但後來覺得講師很喜歡把簡單的概念，用複雜的方式寫下來，個人覺得沒什麼意義，然後看完了你還是不會寫 Project，個人覺得不如去看 Udemy 課程。 - **Object-oriented Programming in JavaScript Mosh Hamedani** - sssh5566：這位光頭老師講解得生動活潑，但他的所有課程包含 C# .net 我覺得他一次把所有東西塞給新手，故我不是很喜歡，建議你變成 Mid Developer 再來考慮看。 - **React - The Complete Guide (incl Hooks, React Router, Redux) Maximilian Schwarzmüller** - sssh5566：我覺得這老師講得很仔細，但缺點就是講得太仔細的，搞得新手暈頭轉向，故此老師的課程建議你就業後想更加強自己再買，但這門說真的頗完整的，買來當字典不吃虧。 - **CMU 25-213 introduction of computer system** - sssh5566：被問的機率實在不高，可能有些人準備 FLNG 才用得到。 --- ## 擴充 Java 技能樹篇 - [Java Programming for Complete Beginners](https://www.udemy.com/course/java-programming-tutorial-for-beginners/) - sssh5566：這位印度人雖然口音超級重，但所教的都是精華中的精華，完全不拖泥淡水，刀刀見骨。 - **CS61B** - sssh5566：我覺得非必要，且對剛開始轉行的有點太難，建議Java熟一陣子在來看這門。 - [Java Interview Guide : 200+ Interview Questions and Answers (必買）](https://www.udemy.com/course/java-interview-questions-and-answers/) - sssh5566：很多常見的考題都在這邊，缺點是有些考題太細了。 - [Java Programming Masterclass for Software Developers](https://www.udemy.com/course/java-the-complete-java-developer-course/) - sssh5566：網路上很多人推，我一開始跟這個，但他每一個概念都講好久聽了很想睡，優點是超級完備，建議可以當字典用。Spring and Spring Boot 說真的我學起來真是一路挫折，參考了大量影片，到時候再想想怎寫。