自動播放
自動完成
2895248
2895248
上一堂課程
完成並繼續課程
後端工程師體驗營｜2026
影音授權時間
影音授權時間
🌟 新手必看 - 6 分鐘課程引導教學 (6:43)
課程任務提交平台｜程式勇者村
後端工程師體驗營｜六角快速連結
上課直播室｜如何參加直播課
2026 課程直播錄影
課程直播錄影說明
後端工程師體驗營｜開學典禮 (63:20)
後端工程師體驗營｜開學典禮 | 課後加碼職涯諮詢 (207:40)
第一堂：前後端環境部署教學 (94:30)
第一堂：前後端環境部署教學｜課後加碼職涯諮詢 (144:37)
第二堂：API 是什麼？介接外部服務自己來 (100:01)
第二堂：API 是什麼？介接外部服務自己來｜課後加碼職涯諮詢 (45:54)
第三堂：動手做起來，前後端程式碼體驗開發 (172:55)
任務一：資料庫與 Docker 環境建立
任務一 - 初心者環境任務介紹 (2:16)
DBeaver 安裝流程 (5:48)
安裝 Docker Desktop 流程 (5:46)
windows 安裝失敗時，四個常見檢核點 (6:36)
windows 線上諮詢管道、常見問題分享 (10:27)
VS Code 網頁編輯器、HTML 基礎教學
安裝 Chrome 瀏覽器 (2:15)
安裝 VS Code 編輯器 (3:36)
安裝 VS Code 套件 - 讓介面變成中文化 (4:17)
開始撰寫 HTML (6:28)
撰寫 h1 標籤、 p 段落 (8:11)
CodePen 教學 - 將你的程式碼分享給別人 (4:20)
建立 HTML 環境 (7:40)
HTML 環境語法
Emmet 載入環境語法 (6:29)
插入圖片，了解圖片路徑規則 (8:48)
載入外部圖片方式 (4:30)
在網頁上加上 a 連結標籤 (6:18)
段落 p 與連結 a 的混合應用 (3:08)
認識 ul li 列表標籤 (8:26)
CSS常用語法
HTML 與 CSS 的差異 (3:38)
插入 CSS 檔案，先寫一個 h1 讓文字變色 (5:48)
CSS 寫法詳解介紹 (4:38)
新手常見 CSS 錯誤解析 (9:30)
HTML 標籤選擇器 (5:44)
擬態選擇器 :hover (6:07)
類別選擇器 (13:06)
使用 CSS 優化文字排版 (10:17)
在 HTML 標籤上加入線條 (8:10)
補充章節：CSS 權重 (15:48)
Git、GitHub 環境建置
安裝 Git，準備推到免費空間嘍！ (3:42)
註冊 GitHub 服務 (3:15)
讓 VSCode 綁定你的 GitHub 帳號，準備部署網站嘍！ (2:47)
環境-在 GitHub 上開一個網頁空間！ (16:21)
任務二：把前後端 code on 起來
攻略影片：把前後端 code on 起來 (24:47)
任務三：微調功能細節
初階任務攻略影片 (28:18)
進階任務攻略影片 (29:18)
資料庫簡介
什麼是資料庫 (5:03)
什麼是 SQL？ (2:38)
建立 SQL 資料表
資料庫三劍客、table、row、column (8:31)
透過 excel 深入了解資料庫設計三劍客 (4:06)
常用資料庫資料庫型態(VARCHAR、INT) (4:11)
INSERT：加入一筆資料到 table 吧！ (5:47)
SELECT：查找資料方法 (3:34)
新增 AS 別名 (5:57)
增加 SQL 註解 (4:00)
SQL 語法教學
WHERE：篩選資料 (5:27)
比較運算子： >、≤、= (5:03)
邏輯運算子：AND、OR (5:46)
集合與範圍運算子：IN、NOT IN、BETWEEN (6:09)
UPDATE：更新欄位 (5:40)
DELETE：刪除欄位 (6:16)
Tables 資料表管理
簡介：從單張資料表升級到多張資料表的管理流程 (4:08)
關鍵欄位介紹，主鍵、外來鍵 (8:32)
如何規劃外來鍵與資料表拆分 (7:28)
主鍵設定方式、ID 自動地增方法 (3:57)
建立完整資料庫流程 (7:50)
搭配 Where 條件，進行合併資料表查詢 (6:01)
使用 inner join，進行合併資料表 (4:15)
主鍵、外來鍵 constraint 約束提醒 (3:40)
postgres 函式
NULL 欄位解析 (5:50)
COALESCE 函數 (5:23)
DISTINCT 不重複函數 (3:20)
count 函數 (4:53)
Sum 加總、AVG 平均函數 (6:02)
UUID 介紹 (4:34)
JOIN 資料關聯
JOIN 資料關聯 - 組合資料表關鍵語法 (2:28)
inner join - 查詢有部門的員工 (9:15)
left join - 顯示未分配部門的員工資料 (5:47)
right join + 搭配 where 篩選空部門 (6:22)
full join - 部門配置與新進人員總覽 (4:59)
JOIN 搭配 COALESCE 設計 (2:33)
order by 排序資料
order by 排序方法 (4:29)
多條件排序方法 (3:26)
Join 組合+排序技巧 (4:38)
group by 分組資料
為什麼要學 group by 分組？ (2:37)
group by 語法教學 (5:52)
group by+join 整合教學 (5:37)
group by 延伸運用 (5:39)
子查詢 (Subquery)
為什麼要學子查詢？ (3:43)
where 子查詢應用 (4:14)
多個子查詢應用方式 (8:32)
各種資料庫工具服務介紹
db-fiddle 線上測試資料庫服務 (3:38)
Node - V8、Node.js 介紹
V8 引擎介紹 (3:39)
Node.js 架構介紹 (5:59)
命令提示字元操作教學 (6:11)
安裝 Node.js 流程 (4:57)
使用 Node.js 開啟編譯核心 (3:48)
透過 Node.js 執行 JS 檔案 (3:46)
使用 VS Code 執行與除錯 Node.js (4:25)
Node - Node 模組原理
Global 全域物件 (7:00)
VS CODE 執行 Node.js 應用程式 (2:14)
require、module exports 模組設計 (6:41)
exports 模組設計 (4:33)
Node.js 核心模組 - createServer (上) (7:52)
Node.js 核心模組 - createServer (中) (8:17)
createServer 範例
Node.js 核心模組 - createServer (下) (4:50)
__dirname、__filename (3:25)
Node 模組 - Path (6:32)
Path 小抄
Node - NPM
什麼是 NPM？ (3:19)
npm init - 開發自己的 package.json (4:37)
安裝 npm 流程 (6:51)
NPM 版本號介紹 (6:14)
npm install 的妙用 (3:43)
npm install -save、--save-dev、-g 差異 (9:24)
執行 NPM 內容流程 (5:30)
NPM 常用指令小抄
Node：Todolist RESTful API kata
任務介紹 - Todolist RESTful API kata (6:35)
postman 軟體安裝流程 (8:55)
什麼是 UUID？ (2:56)
UUID NPM 安裝流程 & VS Code 終端機教學 (8:44)
try catch 捕捉錯誤異常行為語法教學 (8:59)
JSON VIEW Chrome 套件安裝 (1:06)
Node：知識與實作 - Todolist RESTful API kata
知識：進入 todolist 開發 (1:34)
實作： NPM init 建立 package.json 檔案 (0:53)
實作：透過 createServer 開啟伺服器 (6:29)
知識：了解 request 物件裡面有什麼資訊 (9:08)
實作：新增首頁測試網址與 404 頁面 (8:43)
實作：調整表頭資訊，設置回傳 JSON 與 cors 資訊 (6:05)
知識：preflight options API 檢查機制 (8:07)
實作：設定 options API (3:00)
知識：API 介紹 (5:03)
實作：取得所有代辦、增加 UUID NPM (6:58)
實作：POST API router 環境建立 (3:25)
知識：POSTMAN 管理 API 列表 (4:02)
知識：如何接收 POST API 的 body 資料？ (16:03)
實作：新增 todo POST API (6:57)
實作：新增 POST API 異常行為 (11:52)
實作：重構 POST API 異常行為 (7:16)
實作：刪除所有代辦 API (6:45)
知識：陣列與字串處理操作：startsWith、pop、findIndex (6:16)
實作：刪除單筆代辦 API (8:13)
實作：編輯單筆代辦 API && POSTMAN 全部測試一次 (15:08)
實作： Git 環境設置 (4:27)
實作： Render 環境設置 (4:44)
實作：Render 部署流程 (12:55)
實作：Render 測試 POSTMAN API (8:57)
加碼：藍新金流介接
程式碼下載位置 (4:16)
藍新金流申請流程 (5:51)
申請 ngrok 測試網址流程 (5:07)
環境設定 (2:59)
付款成功流程示範 (4:31)
程式碼原理講解 (4:38)
攻略影片：把前後端 code on 起來
課程內容未解鎖
如果您已經購買此課程，
請您重新登入後再查看
.
購買本課程