# 線上課程精華整理: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 說真的我學起來真是一路挫折,參考了大量影片,到時候再想想怎寫。