進度條

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

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

Loading

特價 NT$: 3000

原價 NT$: 4800

優惠至:2018/11/18

課程包含:

終生於平台觀看 詳情

9個章節,157堂影片

38小時以上的課程時間

這堂課尚未在其他服務上架

3、6期信用卡付款零利率 詳情

課程敘述

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

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

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

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

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

 

站內文章補充說明:

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

 

 

課程難度

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

請參閱課程需求

課程需求

1. 熟悉HTML

2. 使用過CSS 與 Javascript

3. 聽說過jQuery與Bootstrap

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

 

非必要,但會幫助學習

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

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

課程目標

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

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

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

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

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

 

課程特點

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有什麼是大家都在用的基本套件?

 

第一章 (總長2.4小時)

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

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

    09:16
  • play_arrow

    02. [Mac] 安裝Ruby on Rails

    21:10
  • play_arrow

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

    23:07
  • play_arrow

    04. [Windows] 安裝Ruby on Rails

    14:14
  • play_arrow

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

    13:05
  • play_arrow

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

    23:38
  • play_arrow

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

    26:35
  • play_arrow

    08. 拿掉Coffee script 和 turbolinks

    15:01

第二章 (總長2.6小時)

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
  • play_arrow

    09. 加入Bootstrap 3

    09:43
  • play_arrow

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

    11:40
  • lock

    11. 使用Gem加入Bootstrap 4

    09:31

第三章 (總長10.6小時)

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

    01. 購物網站範例介紹

    05:16
  • play_arrow

    02. 購物網站功能分析

    07:15
  • play_arrow

    03. 製作網站外觀

    24:04
  • play_arrow

    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. 資料庫簡介與Yaml檔

    14:43
  • play_arrow

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

    25:31
  • lock

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

    15:08
  • lock

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

    12:48
  • play_arrow

    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
  • play_arrow

    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. 章節介紹

    04:48
  • play_arrow

    02. [Mac] MySQL安裝

    14:03
  • play_arrow

    03. [Windows] MySQL安裝

    11:55
  • play_arrow

    04. 快速開發 - Rails Admin 安裝

    12:46
  • lock

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

    15:03
  • lock

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

    07:29
  • lock

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

    17:27
  • play_arrow

    08. 資料庫設計前言

    10:41
  • lock

    09. 簡易EER模型製作

    18:31
  • lock

    10. [補充課程] MySQL Data type

    10:52
  • lock

    11. 購物車資料庫規劃

    14:57
  • 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
  • play_arrow

    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.6小時)

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

    01. 章節介紹

    08:01
  • play_arrow

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

    18:21
  • lock

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

    23:37
  • lock

    04. 於Ubuntu 上安裝Ruby On Rails

    17:39
  • lock

    05. 於Ubuntu 上安裝Apache2 與 Passenger

    12:46
  • play_arrow

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

    09:01
  • lock

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

    13:48
  • play_arrow

    08. Github 註冊與基本使用

    17:59
  • lock

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

    08:31
  • lock

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

    08:55
  • lock

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

    11:43
  • lock

    12. 將網站上傳到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工程師