自動播放
自動完成
上一堂課程
完成並繼續課程
2692272
2025 Node.js 後端工程師培訓營
課程公告
影音授權時間
JavaScript 課前知識與環境介紹
安裝 Chrome 網頁瀏覽器 (3:02)
安裝 VSCode 程式編輯器 (6:56)
變數與資料型別
變數大綱簡介 (6:40)
透過 Chrome 開發人員工具來寫 JavaScript (4:57)
如何宣告變數 (6:06)
設定變數，如同在 excel 設定欄位般容易！ (6:07)
number 型別 - 讓您擁有簡易計算機功能 (5:43)
number 型別 - 各種數字的支援程度大解密 (2:20)
number 型別 - 變數如何帶變數 (6:27)
let、const、var 介紹
let 變數詳細介紹 (3:56)
const 詳細介紹 (6:56)
var 歷史的眼淚詳細介紹 (3:04)
宣告變數一次讓你知！ (6:25)
網頁與 Code 環境建立流程教學
VSCode 撰寫 JS 環境建立 (8:23)
console.log 印出你想顯示的資訊！ (3:47)
如何撰寫優雅的註解 (5:22)
Codepen - 透過它來提交您的程式碼 (6:24)
數字型別與賦值運算子
賦值運算子+=、-= (5:56)
a++、a-- 一次搞懂！ (3:45)
字串型別
宣告字串流程 (3:42)
一次搞懂字串相加 (5:34)
透過 typeof 瞭解當前變數型別 (2:39)
數字與字串相加 (5:21)
NaN 產生時機 (5:20)
字串處理實用方法 (5:05)
變數記憶體指向講解 (7:26)
樣版字面值教學 (4:54)
變數：布林、undefined、null
布林介紹 (5:01)
undefined 介紹 (3:54)
null 介紹 (5:10)
字串轉數字方法 (5:34)
數字轉字串方法 (3:57)
陣列教學
為什麼要學陣列物件？ (4:04)
筆刷工具介紹 (1:01)
陣列寫法教學 (4:29)
陣列不只能放字串，也能放數字與混合資料 (4:02)
陣列讀取教學 (3:25)
讀取陣列資料，並賦予新變數流程 (4:21)
length 讀取陣列長度流程 (2:13)
陣列預設寫入資料 (5:18)
push 寫入資料流程 (4:18)
物件教學
為什麼要有物件 (1:21)
物件格式教學 (6:58)
如何讀取物件的值 (5:47)
新增物件屬性 (3:14)
第一堂直播授課
第一堂直播授課-上半部 (91:25)
第一堂直播授課-下半部 (85:17)
比較與邏輯運算子
比較與邏輯運算子簡介 (2:31)
比較運算子： >、=、<= (5:45)
比較運算子搭配變數方法 (5:54)
=、== 差異講解 (2:46)
==、=== 差異講解 (4:23)
邏輯運算子介紹 (5:11)
邏輯運算子增加多條件作法 (2:53)
邏輯運算子範例情境 (5:01)
流程判斷 - if、else if、else
為什麼要理解流程判斷？ (7:53)
if、else、else if 講解 (7:12)
if 詳細講解 (一) (5:57)
if 詳細講解 (二) (10:29)
if 流程圖規劃流程
if 圖表介紹 (4:43)
圖表服務註冊流程 (2:08)
流程圖符號簡介 (1:48)
流程圖 let code 講解 (12:44)
流程圖 if code 講解 (15:26)
if 中階運用
if 包 if 腰圍判斷流程圖設計 (10:10)
if 包 if 腰圍判斷 Code 設計 (13:24)
看圖說故事 - if 練習一 (4:34)
看圖說故事 - if、else if 練習二 (1:51)
看圖說故事 - if、else if 練習三 (9:59)
第二堂直播課程
第二堂直播課程上半部 (71:19)
第二堂直播課程下半部 (102:03)
陣列進階教學
unshift 寫入資料流程 (2:10)
pop 與 shift 刪除資料 (3:22)
splice 刪除指定資料 (4:56)
其他陣列總結 (1:08)
物件進階教學
修改物件值 (3:36)
刪除物件資料 (2:13)
另一種讀取物件屬性方法 (2:11)
物件讀取資料判斷時間 (2:36)
陣列與物件整合運用
陣列與物件混合應用 (5:57)
一次搞懂陣列與物件混合讀取教學 (6:45)
JSON 格式介紹 (2:29)
安裝 JSON 檢視 Chrome 套件 (2:03)
下載 JSON 格式資料 (7:12)
JSON 讀取方式教學 - 以充電站為例 (5:25)
物件裡面還能包物件 (4:03)
物件包物件讀取流程 - 以活動公告 open data 為例 (10:03)
如何篩選出自己想要的資料格式，並賦予到特定變數上 (3:53)
小魔王題目：複雜 JSON 格式，你/妳撈得到嗎？ (6:29)
物件搭配 if 練習 (4:30)
陣列物件搭配 if 流程判斷練習 (5:02)
第三堂直播課程
第三堂直播課程上半部 (66:44)
第三堂直播課程下半部 (74:15)
函式 function
為什麼需要學函式？ (1:48)
函式寫法教學 (4:32)
註冊多組函式流程 (4:23)
函式裡面仍可以執行函式 (4:47)
函式參數介紹 (5:24)
參數寫法-參數只存活在大括號 (2:31)
參數寫法-兩個數字相加工具 (3:25)
輸入跟輸出的重要性 (3:09)
return 寫法教學 (6:47)
return 宣告 let (2:40)
return 可以有多個 (2:26)
return 可以有多個-範例Code (5:11)
判斷是否為偶數 - 畫流程圖 (6:45)
判斷是否為偶數-寫Code流程(上) (12:19)
let 全域與區域變數邏輯 (4:13)
判斷是否為偶數-寫Code流程(下) (3:59)
第四堂直播課程
第四堂直播課程上半部 (54:43)
第四堂直播課程下半部 (101:52)
DOM - 選取網頁元素
為什麼要瞭解 DOM？ (2:48)
瞭解 document 的重要性 (3:54)
DOM 環境配置 (2:22)
querySelector 選擇器 (6:22)
textContent 寫入文字資料 (5:29)
innerHTML 插入 HTML 標籤 (6:42)
innerHTML 加入變數 (7:09)
textContent 與 innerHTML 運用差異 (4:21)
setAttribute 增加 HTML 標籤屬性 (4:40)
querySelectorAll 可重複選取多個元素 (5:57)
.innerHTML、.textContent、.getAttribute 取值方法 (6:07)
表單元素取值方式 (5:41)
Event 事件 - 讓您的網頁具有互動效果
什麼是 event？ (2:22)
addeventListener 註冊事件監聽教學 (8:25)
如何觀看 DOM 有註冊事件監聽 (2:58)
來寫一個加法器吧！ (6:34)
event 物件 - 告訴你當下元素資訊 (6:43)
DOM 複習 - 透過 nodeName 瞭解目前 DOM 的 HTML 位置 (1:54)
e.target - 了解目前所在元素位置 (4:44)
e.target 搭配 nodeName 節點，抓到你預期要做的事情 (6:48)
preventDefault - 取消預設觸發行為 (4:11)
陣列 forEach 資料處理方法
為什麼要學陣列資料處理？ (3:32)
forEach 寫法介紹 (9:24)
陣列數字累加與變數作用域講解 (8:00)
搭配 if，篩選出陣列裡面有幾個偶數 (6:22)
forEach 讀取資料 (4:35)
男女人數計算機-透過物件整合資料 (5:29)
高雄 OPEN DATA-觀看免費與投幣式充電站有幾處 (7:39)
高雄 OPEN DATA-陣列物件處理 (10:27)
第五堂直播錄影
第五堂直播課程上半部 (72:44)
第五堂直播課程下半部 (96:13)
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 模組原理
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 小抄
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)
nodemon 套件介紹 - 執行 NPM 內容流程 (5:30)
NPM 常用指令小抄
第六堂：NPM 與模組整合
第六堂：NPM 與模組整合 - 上半部 (55:38)
第六堂：NPM 與模組整合 - 下半部 (70:06)
預習任務介紹與環境講解 - 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)
知識與實作：- 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)
Node.js 非同步技巧 - Promise、Async、Await
為什麼要學 promise、async、await？ (5:41)
setTimeout 語法介紹 (5:32)
建構第一個 promise (8:35)
promise 帶參數寫法 (3:07)
重構流程大綱講解 (1:12)
撰寫批改作業邏輯 (4:53)
撰寫 catch 流程 (2:37)
promise chain 寫法 (9:45)
promise catch 多條件設計 (5:07)
async、await 再升級 (6:52)
promise.all 語法教學 (4:58)
fetch 與 promise 的關係 (5:46)
將 XMLHttpRequest 改寫為 promise 格式 (4:56)
嘗試寫 axios.get 套件功能 (3:17)
第七堂：PostgreSQL 資料庫管理
第七堂：PostgreSQL 資料庫管理 (113:55)
資料庫簡介
什麼是資料庫 (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)
第八堂：Node.js NPM 整合 PostgreSQL
第八堂 - 上半部 (104:14)
第八堂 - 下半部 (77:13)
第八堂 - 助教直播 (74:57)
Express - Node.js Web 應用程式架構
前言
Express 框架介紹 (2:34)
Express 環境安裝 (3:31)
開啟 web 伺服器 (8:26)
網址規則介紹 (10:00)
網址規則簡報版 (3:43)
路由設計(上) (4:24)
路由設計 (下) (4:08)
params - 取得指定路徑 (8:15)
query - 取得網址參數 (9:09)
Router 進階設定 (7:19)
express-generator (上) (3:52)
express-generator (下) (6:13)
第九堂
第九堂直播錄影 (143:19)
第十堂：打造全端 (Full Stack) 網站架構
第十堂：上半部直播錄影 (50:25)
第十堂：下半部直播錄影 (126:10)
第十堂：助教直播 (103:28)
第十一堂：Express middleware 異常狀態處理
第十一堂：Express middleware 異常狀態處理 (122:24)
第十二堂：JWT 身份驗證機制
第十二堂：JWT 身份驗證機制 (134:59)
第十二堂：JWT 身份驗證機制｜助教直播 (93:30)
第十三堂：Firebase 檔案與空間上傳
第十三堂：Firebase 檔案與空間上傳 (111:45)
第十四堂：實作一個線上健身平台
第十四堂：實作一個線上健身平台 (110:53)
第十四堂：實作一個線上健身平台｜助教直播 (73:31)
第十五堂
資料庫與後端常見QA (130:43)
Docker 系列直播錄影
1 - Docker 上 (49:13)
1 - Docker 下 (57:58)
2 - Docker 上 (61:21)
2 - Docker 下 (62:13)
3 - Docker 上 (58:03)
3 - Docker 下 (80:40)
應用商業場景
第三方金流-藍新金流 (89:22)
第三方金流-綠界金流 (90:16)
電子郵件服務設計 (85:09)
Google 第三方登入 (93:10)
WebSocket 即時訊息設計 (88:25)
GitHub 教學
註冊 GitHub 服務 (4:21)
資料庫與 Docker 環境建立
DBeaver 安裝流程 (5:48)
安裝 Docker Desktop 流程 (5:46)
windows 安裝失敗時，四個常見檢核點 (6:36)
windows 線上諮詢管道、常見問題分享 (10:27)
將 XMLHttpRequest 改寫為 promise 格式
課程內容未解鎖
如果您已經購買此課程，
請您重新登入後再查看
.
購買本課程