線上課程精華整理：JS 和前端版各方大神推薦（主要Udemy）

線上課程精華整理：JS 和前端版各方大神推薦（主要Udemy） ## 欲練神功篇- [React - The Complete Guide (incl Hooks, React Router.        ownedthisnote   Published LinkedwithGitHub Like19 Bookmark Subscribe Edit #線上課程精華整理：JS和前端版各方大神推薦（主要Udemy） ##欲練神功篇 -[React-TheCompleteGuide(inclHooks,ReactRouter,Redux)](https://www.udemy.com/course/react-the-complete-guide-incl-redux/) -小宇：這門課講了很多react跟redux的底層觀念（狀態管理的脈絡），但要花很多時間去吸收和研究，適合你的個性。

-[MERNStackFrontToBack:FullStackReact,Redux&Node.js](https://www.udemy.com/course/mern-stack-front-to-back/) -小宇：全端入門，偏實作，很推薦模仿他的程式碼架構，光有觀念沒有CodingStyle一定寫出來亂七八糟，建議你把這門課放稍微後面一點因為他還有包含Node.js跟MongoDB。

-[JavaScriptAlgorithmsandDataStructuresMasterclass](https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/) -小宇：這個講師是我買的所有課程最會教的。

教演算法、資料結構，和問題拆解的步驟，講師教學能力很強。

-程式導師實驗計畫的同學John也推薦。

-sssh5566：我覺得甚至比CS61B講得還好以及精彩。

(覺得必買) -[ModernJavaScriptFromTheBeginning](https://www.udemy.com/course/modern-javascript-from-the-beginning/?fbclid=IwAR3S9h07xJeO6jQrbaqr2AVEko0fcubeRre0JaSy4WZ6t70yZz57BlwA008) -[TheCompleteWebDeveloperin2021:ZerotoMastery](https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery) -[ScreepsinSteam](https://store.steampowered.com/app/464350/Screeps/) -玩遊戲學JS。

-[TheCompleteJavaScriptCourse2020:FromZerotoExpert!](https://www.udemy.com/course/the-complete-javascript-course/) -網友：這門課比「克服JS的奇怪部分」多出實作的部份，原理也講得清楚，基本上這位講師的課都蠻推薦的！ -網友：舊版的現在是免費的，太讚的吧趕快先搶下來！ -[ModernReactwithRedux2020Update](https://www.udemy.com/course/react-redux/?fbclid=%5B%27IwAR13AYsnhiQoAVSLPgajiCG827BfkKQ_hSZxG4tVW3BG04UNo5l0qpP-aHc%27%5D) -網友：認真回一下，如果要走React這條路，必買StephenGrider的這堂ModernReactwithRedux，他的教學方式與規劃超棒的！ -sssh5566：這門課作為React、Redux入門超級推薦，無論是迅速的建立Project還是將課程Project改造成自己的Project都很棒，淺顯易懂。

唯一的缺點是在理論上的完整度不夠，我之前看的版本就沒解釋什麼是ReactDom -[TheModernJavaScriptBootcamp｜AndrewMead](https://www.udemy.com/course/modern-javascript/) -[TheCompleteReactDeveloperCoursew/HooksandRedux｜AndrewMead](https://www.udemy.com/course/react-2nd-edition) -Andrew的課程普遍介於新手和中手之間，對於建立基礎很不錯，但建造出來的Project其實不是很實用，喜歡再買，不喜歡的話當參考就好。

-[iOS&Swift-TheCompleteiOSAppDevelopmentBootcamp](https://www.udemy.com/course/ios-13-app-development-bootcamp/) -FromBeginnertoiOSAppDeveloperwithJustOneCourse!FullyUpdatedwithaComprehensiveModuleDedicatedtoSwiftUI! -老師很正，英國腔很爽。

Why?雖然課程中大部分時間都看不到她的臉，但是光是知道自己被一個有著好聽英國腔的正妹教，就可以讓學習的辛苦減輕很多。

-這個我有特價時候買，300元教時長度300多小時，一小時不到一元台幣，從什麼是網路教到框架，新手入門必買 -[JavaScript:TheAdvancedConcepts](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) -全部做完，自學出來肯定能找到工作的呦。

-[TheWebDeveloperBootcamp2020](https://www.udemy.com/course/the-web-developer-bootcamp/#instructor-1) -sssh5566：這是大名鼎鼎的ColtSteele課程，有人批判過時了就是了，猶豫要不要走WebDev的可看看這門課啟蒙，如果連這門課程都看不下去建議你別轉了。

看完後你可以在resume上列上Mongodb、HTML、CSS、jQuery、Node.js的Skill。

但這只是啟發性而已，以面試來說絕對不夠。

-[BuildResponsiveRealWorldWebsiteswithHTML5andCSS3](https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3) -sssh5566：適合入門前端，有人說有點過時，我覺得可買可不買但頗適合入門。

-[TheNetNinjayoutube系列(大推）](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg) -超級棒又免費，以入門來說淺顯易懂，缺點是缺少更深的概念，面試被問到概念可能會被問倒。

-[TraversyMedia](https://www.youtube.com/user/TechGuyWeb) -[TheUltimateMySQLBootcamp:GofromSQLBeginnertoExpert](https://www.udemy.com/course/the-ultimate-mysql-bootcamp-go-from-sql-beginner-to-expert/) -sssh5566：把常見的SQLSyntax跑過一片，Udemy課程比較少SQLProject的課程，至少manytomany,onetomany要會。

-[TheCompleteNode.jsDeveloperCourse(3rdEdition)AndrewMean](https://www.udemy.com/course/the-complete-nodejs-developer-course-2/) -sssh5566：這門課扎時的把Node.js講了一次，很多人Node.js和Express傻傻分不清楚，個人認為這門課程有點難度，無論是以建Project或是面試來說CP值都不高。

但如果有心想了解Node.js的話可以看看，我拿到IBMOA時有用到裡面的Syntax，至少讓我知道要去哪google，我個人沒跟完這門課程。

-[ModernReactwithRedux2020Update](https://www.udemy.com/course/react-redux/) -坦白說我沒有看完，想走手機的可以參考看看，但聽同學說這會遇到很多版本問題。

--- ##輔助的加分課程篇 -[AdvancedCSSandSass:Flexbox,Grid,AnimationsandMore!](https://www.udemy.com/course/advanced-css-and-sass/) -sssh5566：如果你想走前端，Flexbox和Grid的概念可能常常被問到，此外，如果把SASS放在resume上，更能說服別人你想走前端的決心，因為SASS幾乎是前端的基本技能。

-[LearnandUnderstandNodeJS](https://www.udemy.com/course/understand-nodejs/) -sssh5566：同上，內容講的超紮實，但對於新手其實毒藥，新手建議以先製造出Project之後過一年再來看這個。

-[TheCompleteJuniortoSeniorWebDeveloperRoadmap(2021)](https://www.udemy.com/course/the-complete-junior-to-senior-web-developer-roadmap/) -sssh5566：非必要，但如果你被問到Performance的時候至少有東西可以鬼扯。

--- ##準備面試篇 -[TheCodingInterviewBootcamp:Algorithms+DataStructures](https://www.ptt.cc/bbs/Oversea_Job/M.1553280573.A.15E.html) -sssh5566：我覺得還ok，但他有時候會賣弄一些酷炫的JSSyntax我覺得沒意義，譬如他提到可以用every，我覺得一次記太多有混淆之嫌。

-**TheAdvancedWebDeveloperBootcampColtsteele** -sssh5566：比WebDevBootcamp那門糟很多，但有幾個章節講得還不錯，錢多的話可以買起來當字典。

-**HarvardCS75** -sssh5566：我一開始看這個，但中間PHP實在很冗長，一開始的HTTP和最後面的SystemDesign看一看就好。

-**HarvardCS50React** -sssh5566：我一開始也看這個，但後來覺得講師很喜歡把簡單的概念，用複雜的方式寫下來，個人覺得沒什麼意義，然後看完了你還是不會寫Project，個人覺得不如去看Udemy課程。

-**Object-orientedProgramminginJavaScriptMoshHamedani** -sssh5566：這位光頭老師講解得生動活潑，但他的所有課程包含C#.net我覺得他一次把所有東西塞給新手，故我不是很喜歡，建議你變成MidDeveloper再來考慮看。

-**React-TheCompleteGuide(inclHooks,ReactRouter,Redux)MaximilianSchwarzmüller** -sssh5566：我覺得這老師講得很仔細，但缺點就是講得太仔細的，搞得新手暈頭轉向，故此老師的課程建議你就業後想更加強自己再買，但這門說真的頗完整的，買來當字典不吃虧。

-**CMU25-213introductionofcomputersystem** -sssh5566：被問的機率實在不高，可能有些人準備FLNG才用得到。

--- ##擴充Java技能樹篇 -[JavaProgrammingforCompleteBeginners](https://www.udemy.com/course/java-programming-tutorial-for-beginners/) -sssh5566：這位印度人雖然口音超級重，但所教的都是精華中的精華，完全不拖泥淡水，刀刀見骨。

-**CS61B** -sssh5566：我覺得非必要，且對剛開始轉行的有點太難，建議Java熟一陣子在來看這門。

-[JavaInterviewGuide:200+InterviewQuestionsandAnswers(必買）](https://www.udemy.com/course/java-interview-questions-and-answers/) -sssh5566：很多常見的考題都在這邊，缺點是有些考題太細了。

-[JavaProgrammingMasterclassforSoftwareDevelopers](https://www.udemy.com/course/java-the-complete-java-developer-course/) -sssh5566：網路上很多人推，我一開始跟這個，但他每一個概念都講好久聽了很想睡，優點是超級完備，建議可以當字典用。

SpringandSpringBoot說真的我學起來真是一路挫折，參考了大量影片，到時候再想想怎寫。

19 × Signin Email Password Forgotpassword or Byclickingbelow,youagreetoourtermsofservice. SigninviaFacebook SigninviaTwitter SigninviaGitHub SigninviaDropbox SigninviaGoogle NewtoHackMD?Signup