幾門 Udemy 課程的心得

# Brad Schiff, 11/2017
Git a Web Developer Job: Mastering the Modern Workflow
# 推薦::heart::heart::heart::heart:

這門課的最後更新日期是前年十一月,所以裡面用到的技術棧有些是非常舊的版本,可以深深體會到那句「大佬們…別更新了!學不動了 QAQ」。這門課主要涉及到的內容有:

  • 使用 jQuery + jQuery-smooth-scroll + waypoints 處理頁面滾動
  • 使用 lazysizes 進行頁面元素延遲加載
  • 處理 SVG sprites
  • 使用 picturefill 提供不同裝置的響應式圖片填充
  • 跟你講 normalize.css 的優點跟怎麼使用
  • CSS 後處理器 PostCSS 的使用
  • gulp + babel + webpack 大禮包,讓你知道前端工程化的應用
  • 介紹 CSS 的 class 命名風格:B.E.M
  • 一些簡單的 git 操作

最後的作品可以參考:

https://hsins.github.io/udemy_Travel-Site/

我覺得這一門是非常非常前端的一門課,算是前端入門工程師必備,台灣一些傳產的網站前端設計可能都停留在這一個層面,甚至沒有使用良好的 CSS 架構。


# Colt Steele, 06/2019
The Web Developer Bootcamp
# 推薦::heart::heart::heart::heart::heart:

這門課應該是網頁開發入門神課之一(雖然我想說沒有之一,可是還真的有另一堂還算不錯),不要看更新的日期好像在最近,在國外的課程評價中都是說他這門用的技術太舊了,但其實也還好。這門課會從最基本的HTML/CSS/JavaScript 開始,然後穿插一些能讓入門新手很快有感的小作業,精簡美觀屌打其他課程… 課程中期會加入 jQuery 和 Bootstrap(之前是舊版,一直被人說課程太舊之後,更新到了 Bootstrap 4),然後趁更新的時後放入了一些 JavaScript 的進階內容,包括作用域、提升(Hoist)和 this 的咩咩角角。

課程的最後會手把手帶你做一個小全端項目,使用 Node.js、Express.js 以及mongoDB 來建置,然後帶一些 RESTful/Cookie/Session 的概念,學完這門大概算登堂入室懂得自己找關鍵字了。

一些比較有趣的專案比如:

Color Game :https://walkccc.github.io/webapps/ColorGame/
Todo List :https://codepen.io/Hsins/pen/YLZOrV
Patatap Clone :https://hsins.github.io/udemy_Patatap/
Yelp-Camp :https://hsins-yelpcamp.herokuapp.com/

建議專案可以自己重構加新功能,滿爽的。


# Rob Percival, 06/2019
The Complete Web Developer Course 2.0
# 推薦:不推薦

我大概是快轉看完的,東西真的太弱,做出來的作品也很爛
不知道為什麼這麼多人在推,糞課。


# Colt Steele, Elie Schoppik, Tim Garcia, Matt Lane, 04/2018
The Advanced Web Developer Bootcamp
# 推薦::heart::heart::heart:

熱門講師 Colt 的進階課程,可是也不怎麼進階,找了他實戰營的一些小夥伴們來幫忙上課,他的所有課程都會一直提到一個不出鏡的助教:他家的貓= =

不同人負責不同部份,最一開始是講頁面動畫設計,主要是 CSS3 提供的虛擬類別(pseudo-class)、關鍵影格(Keyframes),接著講一下 Flexbox 排版的部分,第一步份小練習又是 Bootstrap…再來第二部分會講前後端交互,一路會慢慢講 Fetch、AJAX,當然這部分會涉及到 JavaScript 的異步操作、類別、回調…等,實作部分用 express 和 jQuery 又弄了一個 To-Do List。

我覺得比較有價值的大概就是介紹了 D3.js 和 SVG 的使用,畢竟現在大家都在大數據大數據嘛!資料視覺化一定要跟風一起潮一下的,這邊不難可是很有趣。

課程的後面邁入了一個奇妙的節奏,開始講 React/Redux,不過淺淺帶過不怎麼深入,最後專案是一個仿 Twitter 功能可是一點都不 Twitter 介面又很醜的全端專案,比起之前的 YelpCamp 多加了一些功能,覺得還是老酒裝新瓶沒什麼新花樣。

對了,中間還穿插了一個單元測試的部分,不過也很無趣。

比較有趣的專案:

後來學了 React 拿上面 Todo-List 的版型,使用同一個資料庫蓋了一個 MERN版本:

https://hsins-mern-todolist.herokuapp.com/


# Colt Steele, Ian Schoonover, 07/2019
The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert
# 推薦::heart::heart::heart:

如果覺得單純學 MySQL不知道從哪裡下手,或者是看了一堆教學覺得很空虛沒有實際應用的感覺,可以買這門。就是很基礎的講一些資料庫的使用,前面是先介紹一些 SQL 的資料定義語言(DDL, Data Definition Language)部分,接著是資料操作語言(DML, Data Manipulation Language)和資料查詢語言(DQL, Data Query Language)部分。

學完會對 MySQl 和 SQL 有初淺的認識,課程最後的專案是做一個…新產品上線的電子郵件登陸網站,一樣是老酒變不出新把戲的 express.js 。如果指望能夠學習到深入的資料庫概念,請左轉找 CMU 的 15-445/645。

嗯…因為最後的專案真的很爛,我沒部署,我在世界上最大的同性交友平台上面看了一下其他人…也都沒部署,可能是真的嫌太爛ㄌ。


# Andrei Neagoie, 7/2019
The Complete Web Developer in 2019: Zero to Mastery
# 推薦::heart::heart::heart::heart::heart:

這是網頁開發入門的另外一堂入門神課,而且 Andrei 這位講師很優質的是有一個社群平台,而且還算挺活躍,會不定期舉辦一些專案和挑戰給人練習,然後還會有獎品,很潮!缺乏項目經驗和 GitHub 協作的人,英文不差的話也可以在這上面和其他地區的人一起完成專案。(不過說真的,他們的有些代碼寫的真的爛透ㄌ)

跟 Colt 那門差不多,不過這門的 React實作部分多一點,最後的專案我覺得算是敗筆,一個 express.js + node.js + react.js + postgreSQL 有會員登入系統,然後上傳圖片呼叫一個別人刻好的機器學習 API…

新手來說作為入門第一堂還不錯。


# Andrei Neagoie, 07/2019
The Complete Junior to Senior Web Developer Roadmap
# 推薦::heart::heart::heart::heart:

比較潮一點的技術可以在這門學到一些初淺的東西,不過我認為難度都太低了。不過這堂比較有一點讓轉職的前端工程師可以再往本科系已知的內容再跨一點,比如資料庫的正規化、SSH 連線遠端伺服器進行開發,然後講一些持續集成與持 續部署的概念。

我覺得有帶到一些東西,可是深度不夠。


# Stephen Grider, 06/2019
Modern React with Redux
# 推薦::heart::heart::heart::heart:

上面一位非常推的講師,他的課程質量都很棒!這門算是 React/Redux 大禮包,講的很細很清楚,課程中會使用 draw.io 畫的各種圖來輔助說明,想要學習怎麼教人寫代碼也是十分推薦可以參考他的風格。

重點是他有在更新課程,業界良心。但是這門課的專案我覺得都有點醜有點陽春,不過很適合拿來自己實作自己的專案。
我放在:


# Stephen Grider, 06/2019
Node with React: Fullstack Web Development
# 推薦::heart::heart::heart::heart::heart:

如果說已經有 JavaScript 基礎想要直接學 React 的話,我更建議直接學這門課而不用買上面那一門(覺得上一門廢話太多,不過新手可能比較喜歡),這一門課就一個全端專案,實作一個透過 OAuth 登入還有串接 Stripe API 處理
金流的作品。這門課又會把 session/cookie 的概念講得更清楚一些,尤其在串接 OAuth 和 Stripe 的部分,教學時輔助的圖片非常非常棒!甚至有時候我直接看圖跳過他講解就可以繼續下去了。

不過我覺得這門最讓我驚豔的是他講解了他在實際開發項目中,如何進行開發與佈署環境的分離,這是目前看到其他課程中不曾有的部分,而且穿插許多實際開發時的 convention 用法!

最後專案的完成可以參考:

https://emaile.herokuapp.com/


# Stephen Grider
Go: The Complete Developer’s Guide (Golang)
# 推薦::heart::heart::heart:

之前學弟找實習聽說對方可能會使用 Go 於是入手。其實 Stephen Grider 的課我都怒推啦!對於新手來說,可是可能因為我們已經不太算新手了…這門課的內容大概就是在講 Go 的一些特性和語法,其實有 C/C++基礎的人,對於指
針應該都駕輕就熟了,我覺得要學語法可以直接看官網文件,不需要購買這樣的課程,這也是為什麼我給三顆星的原因,不過如果你是全全全新手要入門學習的話,還是可以買的。


# Stephen Grider
ES6 Javascript: The Complete Developer’s Guide
# 推薦::heart::heart::heart:

同上,其實他講的很棒,可是對我們來說真的有點小兒科了。

最後 Promise/Fetch 的部分值得一看,其他我覺得都還好,並沒有講到太多更深入的東西,就是語法課。


The Complete React Developer Course (w/ Hooks and Redux)
# Andrew Mead
# 推薦::heart::heart::heart::heart::heart:

和 Grider 那門 Modern React and Redux 可以相輔相成。這一門課並不是直接上來就教你使用 create-react-app 這樣的腳手架工具(boilerplate) 來開發,而是會一步步帶你透過 Webpack 來建立自己的腳手架工具(不過很可惜的是使用的是 Webpack 3,跟 Webpack 4 有滿多地方不一樣,Grider 有另外一門課會教 Webpack 2,聽說在 Webpack 5 推出之後他會更新課程)。

主要搭建兩個 APP,一個很基礎使用 class component 和 stateless component 搭建,並且將資料存放在瀏覽器的 localstorage;另外一個會使用到 Firebase,這個東西在開發一些簡單網頁應用和手機應用都非常方便。

最後的專案可以參考:


# Jose Portilla 系列
# 推薦:

這是我在 udemy 上非常差的一個體驗,他的課我們好像一共買了四門,每一門都爛到有剩,光是看投影片就知道沒有其他講師來的用心,然後每一門課幾乎都是念稿,然後丟代碼(代碼風格我也不喜歡,變數命名、排版都沒有
依循一定的規範)

資料結構演算法那門更是爛,根本就是直接拿別人開源的書裡的內容跟代碼來用,課程不會更新,頂多改一改代碼叫你自己跑,很明顯就是靠開這些課賺賺一些白癡的智商稅,千萬千萬不要買他的課= =


JavaScript: Understanding the Weird Parts
# Anthony Alicea
# 推薦::heart::heart::heart::heart::heart:

這門課極為推薦想進階入門 JavaScript 的同學,尤其學過一點作業系統和編譯器概念會覺得豁然開朗,甚至會想去研究其他語言…

神課之一。


JavaScript Algorithms and Data Structures Masterclass
# Colt Steele
# 推薦::heart::heart::heart::heart::heart:

主要講資料結構跟演算法,憑良心說其實上的很好,不過我記得好像有些部分的影片是用 ES5 Syntax 去寫的,現在已經染到了一種看到 var 就很罪惡的病;然後他有些 coding style 我也不喜歡> " <

裡面有講到 Dijkstra’s Algorithm 滿讓我意外的,甚至有講說會補上字串的 KMP 算法,已經屌打 Udemy 上其他糞演算法的課了(我指 Jose Portilla)


# Vim Masterclass
# Jason Cannon
# 推薦::heart::heart::heart:

我覺得一點都不 Masterclass,內容滿基礎的,然後有些內容我覺得有點過時,已經有在用 Vim 的人可以不用買這堂課,買了也不用看影片,把他的作業
做一輪就可以了…


一開始會想說上課就做個筆記,結果說真的滿不適合我的,因為之前當家教的習慣都會寫得太詳細,對於我自己來說根本就是花時間去替他人作嫁衣(記來給別人上課上的更快或可以不用買課程,實際上自己已經會了不用記錄)
一開始是寫在 HackMD:https://hackmd.io/e9Ma8W6QRqC7fusfryfuDA
可是發現內容一多就會開始頓…於是轉移到 GitHub Repo 裡,分單元跟課程整理:https://github.com/Hsins/Udemy-Notes
不過前陣子改用 VuePress 生成靜態頁面並且用 Travis 自動佈署
上面連結相對路徑會跑掉,最後頁面大概長這樣(還沒改完…):

後來都懶得做筆記了,一堆課程太淺太基礎,其實都重複內容
就比較需要紀錄的我都放在我的 WizNote
這個筆記軟體其實我滿推薦的
提供跨平台(Win/macOS/Linux/ios/Android)
並且支援 Markdown 語法和輸入 MathJax 渲染數學式
價格又遠比 Evernote 划算,一年會員才三百台幣(大概 60 軟妹幣)

补充内容 (2019-7-9 05:52):
有需要資源,又可以正常訪問谷哥沒有被牆的同學可以私我,微信號是 hsinspeng

2 Likes

推分享

正在上Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL)我觉得还可以