線上程式教學課程: 快速開發，從頭教起的Ruby on Rails後端之旅

Ruby on Rails 是一個適合快速開發網站的後端程式架構，Airbnb、Github、Twitter等大型新創公司都是靠它起家。它也長年佔據高年薪程式語言的前面名次。本課程從頭教起，讓你了解快速開發可以為你省下多少的人生！

最後更新時間： 2021/11

售價 NT$: 8800

課程包含:

終生於平台觀看詳情

10個章節，171堂影片

41小時以上的課程時間

本課程未在其他平台上架。

信用卡、超商、ATM、Paypal皆可付款

3、6期信用卡付款零利率查看支援銀行

(信用卡不留卡號，Paypal需非台灣)

課程敘述

[注意: 此課程價格固定不會再進行優惠，以 Rails 5 進行課程，含部分 Rails. 6 補充，一樣會回答問題，但是不再進行課程更動。]

[注意: 此課程不以API Server為主要目的, 屬於後端初階課程, 還請大家先看清楚章節內容與預覽是否合適再做購買]

--- 以下課程敘述 ---

靜態的網站頁面已經滿足不了你了嗎？單單只有前端技術總覺得沒有重量感嗎？

這堂課程將會使用Ruby on rails 帶領你從頭開始了解後端架構，

從前端開始融合一直到後端資料庫的處理。

最後再接上最夯的自動化處理以及創建API與手機程式連結。

幫你的程式設計知識和技術補上最重要的一塊拼圖。

站內文章補充說明：

快速開發後端程式，為何Ruby on Rails工程師可以常年佔據高收入排行榜前幾名？

課程難度

初級，此課程需要一點基本程式經驗。

請參閱課程需求

課程需求

1. 熟悉HTML

2. 使用過CSS 與 Javascript

3. 聽說過jQuery與Bootstrap

(沒聽說過？可以來這邊觀看! Bootstrap / jQeury)

非必要，但會幫助學習

1. (曾經)有一個網站或需要維護一個網站

2. 有一台Mac電腦會比較好，但PC也可以

課程目標

1. 學會使用Ruby on rails 作為後端(backend) 快速架站

2. 學會區分前端以及後端

3. 學會控制資料庫

4. 學會正確的架設網站流程

5. 學會架設API以及版本控管

6. 學會建立自己的程式商業邏輯

7. 學會基本單元測試

其他細節功能：

1. 架設Devise 會員系統

2. 使用Facebook登入 / Google 登入

3. 上傳圖片 / 檔案

4. 操作Linux 自動排程Crontab

5. 資料庫管理套件 Rails Admin

6. 文章搜尋套件 Sunspot

7. Bootstrap 3 / Bootstrap 4 與 jQuery套件引入

8. Heroku 架站

9. 使用 Ubuntu / CentOS 架站於VPS上

10. 基本Apache 與 Nginx 使用

部分可參考站內文章

WordPress有很多好用套件，那Ruby On Rails有什麼是大家都在用的基本套件？

課程特點

學習使用Ruby on Rails快速架設網站，並且了解目前流行的網站設計方式以及趨勢。

不會讓你做出來的網站架構跟市場所需脫節。並且加入老師個人的經驗，

幫你排除掉"非"未來趨勢的技術，以及潛移默化中得到實戰中較好的撰寫方式。

並且直接使用當紅網站類型做為教材。

省下你大筆的時間且獲得同時能應付創業與工作的技能。

第一章 (總長3.1小時)

課程介紹以及建立開發環境

01. Ruby On Rails 介紹與課程簡介
09:16
02. [Mac] 安裝Ruby on Rails 6.x [如以Rails 6 進行課程請接續章節三]
28:30
03. [Windows] 安裝Ruby on Rails 6.x [如以Rails 6 進行課程請接續章節三]
11:23
04. [Mac][Windows] 安裝不同版本的Rails與產生課程所需 Rails 5.x 版專案
09:50
05. [Windows] 因為byebug, sqlite3, rubyzip等Gem版本發bundle install錯誤請看(Error installing bundler: bundler requires Ruby version)
03:52
06. [Mac] 安裝程式編輯器與網站首頁設定
23:07
07. [Windows] 安裝程式編輯器與網站首頁設定
13:05
08. [跨平台] 於VirtualBox安裝Ubuntu Server版
10:10
09. [跨平台] 利用SSH連進本地端VirtualBox的Ubuntu Linux系統
13:36
10. [跨平台] 於VirtualBox上安裝Ubuntu18.04與安裝中文輸入法
23:38
11. [跨平台] 於VirtualBox的Ubuntu安裝Ruby on Rails 開發環境
26:35
12. 拿掉Coffee script 和 turbolinks
15:01

第二章 (總長2.8小時)

Rails 與網頁前端 (HTML / CSS / JavaScript)

01. 介紹View
16:23
02. 新增其他頁面與路徑
13:43
03. 使用link_to建立連結
12:46
04. 使用link_to實作有query的連結
17:08
05. Render 部分(partial)與使用上的實例
16:05
06. Assets / Cache介紹與圖片標籤(image_tag)
24:33
07. Assets Scss與字型fonts
17:37
08. Application.js 讀取順序(以加入jQuery為例)
09:41
09. 加入Bootstrap 3
09:43
10. 使用Gem與Sass方式加入Bootstrap 3
18:06
11. 使用Gem加入Bootstrap 4
09:31

第三章 (總長1.7小時)

[補充] Rails 6.x 與網頁前端 (HTML / CSS / JavaScript)

01. 章節特別說明
01:40
02. [Mac] 安裝Ruby on Rails 6.x
28:30
03. 安裝程式編輯器以VS Code為例
09:25
04. 路徑基本邏輯與建立首頁
15:45
05. erb基本邏輯與controller參數傳遞
08:53
06. 使用與加入自製JavaScripts內容，移除turbolinks
11:28
07. Scss 與 css assets
12:11
08. 利用npm安裝Bootstrap 4
15:57

第四章 (總長10.6小時)

以實例進行教學 - 利用購物網站功能講解Ruby On Rails

01. 購物網站範例介紹
05:16
02. 購物網站功能分析
07:15
03. 製作網站外觀
24:04
04. 雜湊、字串、符號(hash、string、symbol)
24:32
05. 使用迴圈列出所有商品 (array、for each、for_each_with_index)
17:02
06. 詳細介紹陣列(Array)與產生大量資料
21:44
07. 商品分頁與常數使用
14:32
08. 建立資料表(table)以及第一筆資料
25:31
09. 資料庫簡介與Yaml檔
14:43
10. 更改資料庫以及與controller連結
15:08
11. 建立種子資料以及修正分頁
12:48
12. 使用Form tag新增資料
21:31
13. 除法、餘數與找不到圖檔錯誤(AssetNotFound Error)
09:52
14. 資料庫欄位格式介紹(DataType)
27:06
15. 跳過CSRF驗證 - 頁面Action執行前後方法設定(before_action & after_action)
13:16
16. 詳細介紹 authenticity_token與搭配Ajax
10:40
17. 建立編輯頁面連結
08:30
18. 用Form_tag的方式修改商品
15:25
19. 常見的新增與修改寫法 (Form_for)
18:59
20. 刪除資料(delete)
07:13
21. 找不到商品的處理方法(find, find_by_id, blank?)
17:37
22. 建立簡易的使用者與管理者
26:22
23. Session介紹
09:34
24. 密碼與安全性
14:29
25. 利用Session存取管理者(使用者)資料
20:53
26. 將登入連結加入導覽條
13:02
27. 修正登出與鎖定使用者權限
08:41
28. 建立分類關聯，blongs_to 的使用
26:04
29. 找到所有有關聯的資料，has_many 的使用
13:32
30. 顯示主分類與副分類
23:26
31. 加入select option 去選取商品類別
09:53
32. 上傳圖檔與檔案操作
21:00
33. 圖檔上傳同時預覽
19:15
34. 解決image_tag空值錯誤問題
05:05
35. 利用Resources, member, collection建立複雜的URL routes
13:35
36. 完成分類(Category)與副分類(Subcategory) - 透過has_may_through
17:56
37. Class(類別)與繼承
16:33
38. Ruby的封裝性
21:30
39. 使用方法名稱執行方法(send)
11:34
40. 完成簡易商品頁
10:01

第五章 (總長8.2小時)

網站的根基，資料庫的控制與實作

01. Rails 資料庫章節介紹
04:48
02. [Mac] MySQL安裝
14:03
03. [Windows] MySQL安裝
11:55
04. 快速開發 - Rails Admin 安裝
12:46
05. [MAC] 轉換資料庫到MySQL
15:03
06. [Windows] 轉換資料庫到MySQL, 解決 mysql2 failed to build gem native extension 與 LoadError cannot load such file mysql2 錯誤
14:34
07. 快速開發 - CarrierWave 檔案圖檔上傳
17:27
08. 資料庫設計前言
10:41
09. 簡易EER模型製作
18:31
10. [補充課程] MySQL Data type
10:52
11. 購物車資料庫規劃
18:08
12. 購物車實作與enum使用
31:16
13. 回朔特定Migration與Migration Version 混亂時的解決方法
06:16
14. 快速開發 - 利用Devise 建立使用者系統
25:18
15. 訂單資料庫規劃
10:26
16. 建立訂單1 - 顯示所有購物車商品
28:40
17. 建立訂單2 - 產生訂單與建立失敗救援(begin - rescue)
29:42
18. 建立訂單3 - 訂單結帳
20:05
19. 修正使用者欄位與加入管理員權限
15:18
20. Devise 加入自訂的欄位
14:32
21. 資料庫資料驗證(Validation)
18:19
22. 正規表示法驗證與錯誤訊息
27:09
23. 完成所有Model驗證
17:31
24. 刪除資料的相依性
08:44
25. 種子資料修正與製作隨機資料
12:59
26. 評估商品與結帳頁面問題
06:40
27. 增加撈取關聯資料表效率(includes)
10:39
28. 利用jQuery協助表單資料變更
11:41
29. 購物車頁面增加更新與刪除
20:52
30. 結帳頁面修正與產生驗證錯誤(Exception)
06:09
31. 修正訂單頁面與建立管理員權限
10:24
32. Rails admin 權限設定
07:47

第六章 (總長4.7小時)

其他好用的Rails功能介紹

01. SMTP email 寄送
22:31
02. [Devise] 重設密碼與Email確認信
11:39
03. 建立Module 與 Library (require, include)
09:06
04. 建立Class於Library(extend)
10:20
05. 讓Module分層，使程式碼更直覺
07:01
06. 利用Ruby製作系統指令
19:03
07. 自製Rake 指令(Rake task)
06:58
08. 定時自動寄送通知給使用者(Whenever, crontab)
13:57
09. [Mac] 安裝與使用PostgreSQL(包含權限設定)
31:37
10. [Windows] 安裝與使用PostgreSQL(包含權限設定)
14:47
11. 前言，繼續進行此章節請先看
05:23
12. [補充] 利用SFTP直接在遠端開發網站
09:13
13. [Devise] Facebook 註冊與登入
23:53
14. 金流介紹與前置作業(以智付通 - 現為藍新金流為例)
19:06
15. 金流串接實作 - 發送資料(以智付通 - 現為藍新金流為例)
36:32
16. 金流串接實作 - 接收回傳與解碼(以智付通 - 現為藍新金流為例)
35:07
17. 基本資料庫搜尋
05:43

第七章 (總長2.6小時)

WebAPI - 與前端架構 / 手機APP溝通 (以ReactJS 為例)

01. Rails 與 Web API 介紹
11:15
02. [ReactJS] [Mac] Webpack 安裝
16:06
03. [ReactJS] Rails gem - Webpacker 示範使用
12:48
04. [ReactJS] 放入React 官網示範與檔案配置
12:45
05. [ReactJS] 建立資料與React 元件互動
27:00
06. Web API 與 mine types 實作 (Render, Head)
24:49
07. 建立Web API讀取資料庫資料
09:06
08. 加入與隱藏Web Api資料(as_json, to_json)
12:53
09. Override as_json, 讓程式碼更精簡
11:24
10. [手機APP] 基本驗證Basic Auth
08:19
11. [手機APP] 利用手機APP透過API更新資料
03:30
12. [手機APP] 建立Web API版本及其原因
05:09

第八章 (總長3.0小時)

雲端架設 - 將網站架設在Linux VPS主機或是Heroku

01. Rails 雲端架設章節介紹
08:01
02. 在Linode上架設Linux(Ubuntu, CentOS)
17:01
03. [補充] 於Ubuntu 上新增使用者與基本安全設定
23:37
04. 於Ubuntu 上安裝Ruby On Rails
22:42
05. [擇一] 於Ubuntu 上安裝Apache2 與 Passenger
12:46
06. [擇一] 於Ubuntu 上安裝Nginx 與 Passenger
12:55
07. [補充] [Windows] 使用SSH在遠端開發Linux程式的方式(Putty)
09:01
08. [補充] [Windows]使用SFTP在遠端開發Linux程式的方式(WinSCP, Brackets)
13:48
09. Github 註冊與基本使用
17:59
10. 利用GitHub同步網站與本地端程式
08:31
11. Heroku介紹與安裝(Mac & Windows)
08:55
12. 將網站上傳到Heroku (Mac)
11:43
13. 將網站上傳到Heroku (Windows)
04:05
14. [補充] 解決 heroku postgresql資料庫, nodejs, mixed content error 問題
10:38

第九章 (總長4.5小時)

實作範例 - 架設一個真實的募資網站

01. 募資網站功能介紹
03:18
02. Bootstrap 4基本設定與Gem安裝
10:59
03. Devise, PostgreSQL設定與中文化
09:43
04. Devise 客製化與中文校正修改
17:04
05. Model 介紹
11:52
06. 建立資料表與驗證
23:21
07. 安裝Rails Admin與CarrierWave以及修正翻譯
04:29
08. 利用Rails Admin確認Model與流程
10:52
09. 建立Controller 與商業邏輯
12:09
10. 建立募資列表與加上倒數計時
20:47
11. 建立募資頁面
19:43
12. 完成贊助功能與金流
20:04
13. 自動顯示募資已成功
06:30
14. 加入贊助付款資訊與自動跳入結帳頁面
07:52
15. 修改與建立募資團隊資料
08:25
16. 列出所有已贊助內容
04:55
17. 搜尋功能實作
08:10
18. 整理UI，顯示所有專案
07:09
19. 新增修改刪除募資專案
16:38
20. 新增刪除贊助方案
14:37
21. 編輯贊助方案
15:34
22. 加入首頁輪播廣告與Facebook登入
17:01

第十章 (總長0.6小時)

單元測試 - 學習單元測試讓你的履歷加分

01. 測試介紹與對於測試的看法 (TDD, Unit Test, RSpec)
15:27
02. RSpec安裝與官網範例
11:55
03. 測試案例敘述與測試順序
07:08

課程講師

縱裕

iOS 工程師 / Ruby On Rails 網站工程師

現職為iOS 工程師，但同時也在鑽研網站技術並且建立多個網站。
曾協助多個新創公司，範圍包含網站前端到桌面應用程式倉存管理與電子機關互動。
從網站架設，手機APP到系統底層都有豐富的經驗。
擅長不同系統架構的整合與創新想法的實現。

經歷：
進度條技術顧問
Digilog.tw 網站與倉庫後台程式架構設計與建置
Zooe 線上教學平台網站架構設計與建置
HelloStudy 楓禾留遊學網設計與建置
Funlock 放樂工作室真實密室逃脫遊戲 - 魔鏡迷城電子機關設計與製作
iOS App - Rock Click 節拍器
Nexcom ARM韌體與軟體工程師
Insyde BIOS工程師