進度條

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

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

最後更新時間: 2020/07

Loading

特價 NT$: 3400

原價 NT$: 4800

優惠至:2020/09/27

課程包含:

終生於平台觀看 詳情

10個章節,170堂影片

41小時以上的課程時間

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


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

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

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

課程敘述

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

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

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

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

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

 

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

 

站內文章補充說明:

快速開發後端程式,為何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.2小時)

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

    01. Ruby On Rails 介紹與課程簡介

    09:16
  • play_arrow

    02. [Mac] 安裝Ruby on Rails 6.x [如以Rails 6 進行課程請接續章節三]

    28:30
  • play_arrow

    03. [Mac] 安裝不同版本的Rails與產生課程所需 Rails 5.x 版專案

    09:50
  • play_arrow

    04. [Mac] 安裝程式編輯器與網站首頁設定

    23:07
  • play_arrow

    05. [Windows] 安裝Ruby on Rails

    14:14
  • play_arrow

    06. [Windows] 因為byebug, sqlite3, rubyzip等Gem版本發bundle install錯誤請看(Error installing bundler: bundler requires Ruby version)

    03:52
  • play_arrow

    07. [Windows] 安裝程式編輯器與網站首頁設定

    13:05
  • lock

    08. [跨平台] 於VirtualBox安裝Ubuntu Server版

    10:10
  • lock

    09. [跨平台] 利用SSH連進本地端VirtualBox的Ubuntu Linux系統

    13:36
  • lock

    10. [跨平台] 於VirtualBox上安裝Ubuntu18.04與安裝中文輸入法

    23:38
  • lock

    11. [跨平台] 於VirtualBox的Ubuntu安裝Ruby on Rails 開發環境

    26:35
  • play_arrow

    12. 拿掉Coffee script 和 turbolinks

    15:01

第二章 (總長2.8小時)

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

    01. 介紹View

    16:23
  • play_arrow

    02. 新增其他頁面與路徑

    13:43
  • lock

    03. 使用link_to建立連結

    12:46
  • lock

    04. 使用link_to實作有query的連結

    17:08
  • lock

    05. Render 部分(partial)與使用上的實例

    16:05
  • lock

    06. Assets / Cache介紹與圖片標籤(image_tag)

    24:33
  • lock

    07. Assets Scss與字型fonts

    17:37
  • lock

    08. Application.js 讀取順序(以加入jQuery為例)

    09:41
  • lock

    09. 加入Bootstrap 3

    09:43
  • lock

    10. 使用Gem與Sass方式加入Bootstrap 3

    18:06
  • lock

    11. 使用Gem加入Bootstrap 4

    09:31

第三章 (總長1.7小時)

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

    01. 章節特別說明

    01:40
  • play_arrow

    02. [Mac] 安裝Ruby on Rails 6.x

    28:30
  • lock

    03. 安裝程式編輯器以VS Code為例

    09:25
  • lock

    04. 路徑基本邏輯與建立首頁

    15:45
  • lock

    05. erb基本邏輯與controller參數傳遞

    08:53
  • lock

    06. 使用與加入自製JavaScripts內容,移除turbolinks

    11:28
  • lock

    07. Scss 與 css assets

    12:11
  • lock

    08. 利用npm安裝Bootstrap 4

    15:57

第四章 (總長10.6小時)

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

    01. 購物網站範例介紹

    05:16
  • lock

    02. 購物網站功能分析

    07:15
  • lock

    03. 製作網站外觀

    24:04
  • lock

    04. 雜湊、字串、符號(hash、string、symbol)

    24:32
  • lock

    05. 使用迴圈列出所有商品 (array、for each、for_each_with_index)

    17:02
  • lock

    06. 詳細介紹陣列(Array)與產生大量資料

    21:44
  • lock

    07. 商品分頁與常數使用

    14:32
  • lock

    08. 建立資料表(table)以及第一筆資料

    25:31
  • lock

    09. 資料庫簡介與Yaml檔

    14:43
  • lock

    10. 更改資料庫以及與controller連結

    15:08
  • lock

    11. 建立種子資料以及修正分頁

    12:48
  • lock

    12. 使用Form tag新增資料

    21:31
  • lock

    13. 除法、餘數與找不到圖檔錯誤(AssetNotFound Error)

    09:52
  • lock

    14. 資料庫欄位格式介紹(DataType)

    27:06
  • lock

    15. 跳過CSRF驗證 - 頁面Action執行前後方法設定(before_action & after_action)

    13:16
  • lock

    16. 詳細介紹 authenticity_token與搭配Ajax

    10:40
  • lock

    17. 建立編輯頁面連結

    08:30
  • lock

    18. 用Form_tag的方式修改商品

    15:25
  • lock

    19. 常見的新增與修改寫法 (Form_for)

    18:59
  • lock

    20. 刪除資料(delete)

    07:13
  • lock

    21. 找不到商品的處理方法(find, find_by_id, blank?)

    17:37
  • lock

    22. 建立簡易的使用者與管理者

    26:22
  • lock

    23. Session介紹

    09:34
  • lock

    24. 密碼與安全性

    14:29
  • lock

    25. 利用Session存取管理者(使用者)資料

    20:53
  • lock

    26. 將登入連結加入導覽條

    13:02
  • lock

    27. 修正登出與鎖定使用者權限

    08:41
  • lock

    28. 建立分類關聯,blongs_to 的使用

    26:04
  • lock

    29. 找到所有有關聯的資料,has_many 的使用

    13:32
  • lock

    30. 顯示主分類與副分類

    23:26
  • lock

    31. 加入select option 去選取商品類別

    09:53
  • lock

    32. 上傳圖檔與檔案操作

    21:00
  • lock

    33. 圖檔上傳同時預覽

    19:15
  • lock

    34. 解決image_tag空值錯誤問題

    05:05
  • lock

    35. 利用Resources, member, collection建立複雜的URL routes

    13:35
  • lock

    36. 完成分類(Category)與副分類(Subcategory) - 透過has_may_through

    17:56
  • lock

    37. Class(類別)與繼承

    16:33
  • lock

    38. Ruby的封裝性

    21:30
  • lock

    39. 使用方法名稱執行方法(send)

    11:34
  • lock

    40. 完成簡易商品頁

    10:01

第五章 (總長8.0小時)

網站的根基,資料庫的控制與實作
keyboard_arrow_down
  • play_arrow

    01. Rails 資料庫章節介紹

    04:48
  • lock

    02. [Mac] MySQL安裝

    14:03
  • lock

    03. [Windows] MySQL安裝

    11:55
  • lock

    04. 快速開發 - Rails Admin 安裝

    12:46
  • lock

    05. [MAC] 轉換資料庫到MySQL

    15:03
  • lock

    06. [Windows] 轉換資料庫到MySQL

    07:29
  • lock

    07. 快速開發 - CarrierWave 檔案圖檔上傳

    17:27
  • lock

    08. 資料庫設計前言

    10:41
  • lock

    09. 簡易EER模型製作

    18:31
  • lock

    10. [補充課程] MySQL Data type

    10:52
  • lock

    11. 購物車資料庫規劃

    18:08
  • lock

    12. 購物車實作與enum使用

    31:16
  • lock

    13. 回朔特定Migration與Migration Version 混亂時的解決方法

    06:16
  • lock

    14. 快速開發 - 利用Devise 建立使用者系統

    25:18
  • lock

    15. 訂單資料庫規劃

    10:26
  • lock

    16. 建立訂單1 - 顯示所有購物車商品

    28:40
  • lock

    17. 建立訂單2 - 產生訂單與建立失敗救援(begin - rescue)

    29:42
  • lock

    18. 建立訂單3 - 訂單結帳

    20:05
  • lock

    19. 修正使用者欄位與加入管理員權限

    15:18
  • lock

    20. Devise 加入自訂的欄位

    14:32
  • lock

    21. 資料庫資料驗證(Validation)

    18:19
  • lock

    22. 正規表示法驗證與錯誤訊息

    27:09
  • lock

    23. 完成所有Model驗證

    17:31
  • lock

    24. 刪除資料的相依性

    08:44
  • lock

    25. 種子資料修正與製作隨機資料

    12:59
  • lock

    26. 評估商品與結帳頁面問題

    06:40
  • lock

    27. 增加撈取關聯資料表效率(includes)

    10:39
  • lock

    28. 利用jQuery協助表單資料變更

    11:41
  • lock

    29. 購物車頁面增加更新與刪除

    20:52
  • lock

    30. 結帳頁面修正與產生驗證錯誤(Exception)

    06:09
  • lock

    31. 修正訂單頁面與建立管理員權限

    10:24
  • lock

    32. Rails admin 權限設定

    07:47

第六章 (總長4.7小時)

其他好用的Rails功能介紹
keyboard_arrow_down
  • lock

    01. SMTP email 寄送

    22:31
  • lock

    02. [Devise] 重設密碼與Email確認信

    11:39
  • lock

    03. 建立Module 與 Library (require, include)

    09:06
  • lock

    04. 建立Class於Library(extend)

    10:20
  • lock

    05. 讓Module分層,使程式碼更直覺

    07:01
  • lock

    06. 利用Ruby製作系統指令

    19:03
  • lock

    07. 自製Rake 指令(Rake task)

    06:58
  • lock

    08. 定時自動寄送通知給使用者(Whenever, crontab)

    13:57
  • lock

    09. [Mac] 安裝與使用PostgreSQL(包含權限設定)

    31:37
  • lock

    10. [Windows] 安裝與使用PostgreSQL(包含權限設定)

    14:47
  • lock

    11. 前言,繼續進行此章節請先看

    05:23
  • lock

    12. [補充] 利用SFTP直接在遠端開發網站

    09:13
  • lock

    13. [Devise] Facebook 註冊與登入

    23:53
  • play_arrow

    14. 金流介紹與前置作業(以智付通 - 現為藍新金流為例)

    19:06
  • lock

    15. 金流串接實作 - 發送資料(以智付通 - 現為藍新金流為例)

    36:32
  • lock

    16. 金流串接實作 - 接收回傳與解碼(以智付通 - 現為藍新金流為例)

    35:07
  • lock

    17. 基本資料庫搜尋

    05:43

第七章 (總長2.6小時)

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

    01. Rails 與 Web API 介紹

    11:15
  • lock

    02. [ReactJS] [Mac] Webpack 安裝

    16:06
  • lock

    03. [ReactJS] Rails gem - Webpacker 示範使用

    12:48
  • lock

    04. [ReactJS] 放入React 官網示範與檔案配置

    12:45
  • lock

    05. [ReactJS] 建立資料與React 元件互動

    27:00
  • lock

    06. Web API 與 mine types 實作 (Render, Head)

    24:49
  • lock

    07. 建立Web API讀取資料庫資料

    09:06
  • lock

    08. 加入與隱藏Web Api資料(as_json, to_json)

    12:53
  • lock

    09. Override as_json, 讓程式碼更精簡

    11:24
  • lock

    10. [手機APP] 基本驗證Basic Auth

    08:19
  • lock

    11. [手機APP] 利用手機APP透過API更新資料

    03:30
  • lock

    12. [手機APP] 建立Web API版本及其原因

    05:09

第八章 (總長2.9小時)

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

    01. Rails 雲端架設章節介紹

    08:01
  • lock

    02. 在Linode上架設Linux(Ubuntu, CentOS)

    17:01
  • lock

    03. [補充] 於Ubuntu 上新增使用者與基本安全設定

    23:37
  • lock

    04. 於Ubuntu 上安裝Ruby On Rails

    22:42
  • lock

    05. [擇一] 於Ubuntu 上安裝Apache2 與 Passenger

    12:46
  • lock

    06. [擇一] 於Ubuntu 上安裝Nginx 與 Passenger

    12:55
  • lock

    07. [補充] [Windows] 使用SSH在遠端開發Linux程式的方式(Putty)

    09:01
  • play_arrow

    08. [補充] [Windows]使用SFTP在遠端開發Linux程式的方式(WinSCP, Brackets)

    13:48
  • lock

    09. Github 註冊與基本使用

    17:59
  • lock

    10. 利用GitHub同步網站與本地端程式

    08:31
  • lock

    11. Heroku介紹與安裝(Mac & Windows)

    08:55
  • lock

    12. 將網站上傳到Heroku (Mac)

    11:43
  • lock

    13. 將網站上傳到Heroku (Windows)

    04:05

第九章 (總長4.5小時)

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

    01. 募資網站功能介紹

    03:18
  • lock

    02. Bootstrap 4基本設定與Gem安裝

    10:59
  • lock

    03. Devise, PostgreSQL設定與中文化

    09:43
  • lock

    04. Devise 客製化與中文校正修改

    17:04
  • lock

    05. Model 介紹

    11:52
  • lock

    06. 建立資料表與驗證

    23:21
  • lock

    07. 安裝Rails Admin與CarrierWave以及修正翻譯

    04:29
  • lock

    08. 利用Rails Admin確認Model與流程

    10:52
  • lock

    09. 建立Controller 與 商業邏輯

    12:09
  • lock

    10. 建立募資列表與加上倒數計時

    20:47
  • lock

    11. 建立募資頁面

    19:43
  • lock

    12. 完成贊助功能與金流

    20:04
  • lock

    13. 自動顯示募資已成功

    06:30
  • lock

    14. 加入贊助付款資訊與自動跳入結帳頁面

    07:52
  • lock

    15. 修改與建立募資團隊資料

    08:25
  • lock

    16. 列出所有已贊助內容

    04:55
  • lock

    17. 搜尋功能實作

    08:10
  • lock

    18. 整理UI,顯示所有專案

    07:09
  • lock

    19. 新增修改刪除募資專案

    16:38
  • lock

    20. 新增刪除贊助方案

    14:37
  • lock

    21. 編輯贊助方案

    15:34
  • lock

    22. 加入首頁輪播廣告與Facebook登入

    17:01

第十章 (總長0.6小時)

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

    01. 測試介紹與對於測試的看法 (TDD, Unit Test, RSpec)

    15:27
  • lock

    02. RSpec安裝與官網範例

    11:55
  • lock

    03. 測試案例敘述與測試順序

    07:08

課程講師

縱裕

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

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

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