編程線上教學課程內容
Ruby on Rails(簡稱 Rails)是全球知名的 Web 開發框架,以「快速開發、高生產力、少重複碼」著稱。本課程專為初學 Web 開發者設計,在一小時內帶你從環境安裝到建立第一個 Rails 專案,學會 MVC 架構(Model–View–Controller)的核心概念,並完成一個能實際運作的小型網站。
課程採「理論 × 實作」結合教學:從基礎語法、資料庫設定、控制器與路由設定,到頁面呈現、資料儲存,全程操作展示,讓學員能在短時間內掌握 Rails 開發流程與邏輯。
適合對象:
一小時課程大綱
第一章:課程導入與環境設定(約 5 分鐘)
-
認識 Ruby 與 Rails 框架的關係
-
為何選擇 Rails:DRY(Don’t Repeat Yourself)與 Convention Over Configuration
-
開發環境安裝介紹(Ruby、Rails、VS Code、Rails Server)
-
建立第一個 Rails 專案並啟動伺服器(rails new myapp、rails server)
第二章:Rails 專案架構概覽(約 10 分鐘)
第三章:建立控制器與視圖(約 10 分鐘)
-
使用指令建立控制器(rails generate controller Pages home about)
-
控制器(Controller)動作與對應的視圖(View)
-
在 ERB(Embedded Ruby)中嵌入 Ruby 程式碼
-
範例:建立首頁與關於頁面基本版面
第四章:建立模型與資料庫操作(約 10 分鐘)
-
使用 ActiveRecord 操作資料模型(ORM觀念)
-
建立模型與資料表(rails generate model Article title:string body:text)
-
執行資料庫遷移(rails db:migrate)
-
透過 Rails Console 測試資料建立與讀取
-
範例:新增與查詢文章資料記錄
第五章:整合控制器與資料(約 10 分鐘)
-
設定 ArticlesController 管理文章 CRUD
-
在控制器中撰寫動作(index、show、new、create)
-
簡易資料流展示:表單輸入 → 控制器 → 資料庫 → 頁面呈現
-
範例:建立「新增文章表單」與「文章列表頁面」
第六章:基本視覺設計與模板(約 10 分鐘)
第七章:迷你專案實作(約 10 分鐘)
-
專案主題:「簡易博客(Blog)」
-
新增文章功能(標題、內文)
-
顯示文章清單與單篇詳細內容
-
美化頁面與增加互動按鈕
-
展示完整網站從輸入、儲存到顯示的成果
第八章:延伸應用與總結(約 5 分鐘)
-
進一步學習方向:使用 Scaffold 自動生成 CRUD、連接資料庫(MySQL、PostgreSQL)
-
簡介 Rails 與前端框架整合(React、Vue.js)
-
推薦資源:
-
課程回顧:理解 MVC 邏輯與 Ruby 的優雅程式架構