NodeJS 後端及資料庫開發證書課程|網上錄影課程|UNiSOFT

NodeJS 後端及資料庫開發證書課程

Certificate in NodeJS and Database Development

這不是剪輯過的短片課。每課都是面授課堂的完整錄影——同一位講師、同一套實作。你不用等下一期開課,付款後即可開始,進度、暫停、重溫、跳章全部由你控制。

● 面授課堂完整錄影 ● 不用等班表,即買即學 ● 每課詳細摘要 ● AI 時間章節可跳看 ● 課後 Quiz 即時核對 ● 及格 60 分可申請學校證書

Quiz 及格分數 60 分。通過後可向 UNiSOFT 申請由學校發出的課程證書。

時數 10 小時 課堂 4 課(約 10.0 小時面授時數) AI 章節 59 題庫 80 題 語言 廣東話 · English · 普通話
Why this format

同一堂面授課,換成你自己控制的錄影課

等面授開課

  • 要配合班表,趕不上就等下一期
  • 上課節奏由講師帶,錯過難重看
  • 重點靠當堂筆記,事後難定位
  • 下課後才知道有沒有真正學會

這套錄影課

  • 面授課堂完整錄影,付款後即時開始
  • 暫停、重播、跳章,進度完全由你決定
  • 每課詳細摘要 + AI 時間章節,直接跳到該段
  • 課後 Quiz 即時核對,確認吸收才進入下一課
  • Quiz 及格 60 分,可向學校申請課程證書
01 · START NOW

不用等開課時間

內容就是面授班的錄影。報讀後進入學習系統即可播放,不必遷就下一期班表。

02 · YOUR PACE

學習節奏自己話事

可重看難點、跳過已懂部分,也可標示已完成。播放器支援上一課/下一課與進度列。

03 · CHECK YOU LEARNED

摘要、章節、Quiz 一課齊

AI 根據完整課堂逐字稿整理時間章節與摘要;每課附測驗,對應學習系統裡的 Take Quiz。

Course objectives

課程目標與學習成果

從 Node.js、Express 與 REST API 開始,連接 MongoDB、Mongoose 及 MySQL,掌握 CRUD、Postman、使用者管理、MVC 架構與完整 E-Shop 後端開發。

課程目標

  • 建立 Web Server 與 GET API
  • 準備 MySQL 及 MongoDB 資料庫
  • 以 Mongoose 建立 Schema、Model 及 API
  • 利用 Postman 測試 GET、POST、PUT、DELETE
  • 以 models、routes 重構 MVC 架構

完成後你將能夠

  • 把前端表單資料寫入 MongoDB
  • 完成產品及使用者 API
  • 完成產品顯示與後台管理
  • 建立完整 E-Shop 後端
  • 理解 REST 與資料庫如何支撐前端
Node.js Express MongoDB Mongoose MySQL REST API MVC
Target audience

適合對象

  • 後端入門想學習伺服器、API 與資料庫的初學者。
  • 前端轉全端已懂前端、想補齊後端與資料庫的人士。
  • 全端路線與 ReactJS、AI Web 組合成完整網頁開發路徑的學員。
  • 實戰專案想完成 E-Shop 後端作品的人士。
What you’ll learn · from the recordings

根據真實錄影,你將學到

  • 表單資料送出與伺服器接收:設定表單action屬性,將GET請求發送至指定的後端路徑處理。
  • 建立註冊表單前端:透過 AI 生成 HTML 註冊表單,讓使用者能夠在網頁上輸入名稱與電子郵件。
  • 第二階段:MongoDB 資料庫建立:開啟全新的終端機畫面進入 mongosh,建立產品的資料庫與資料表,手動插入範例資料。
  • 下載圖片與更新伺服器檔案:示範從網路下載測試用的產品圖片,統一格式後放入伺服器的 image 資料夾中。
  • 下載與安裝MySQL (Appserv):透過Appserv組合包安裝包含Apache與MySQL的網頁開發環境。
  • 定義 Schema 與 Model:為無結構的 MongoDB 定義 Mongoose Schema,並建立對應的操作 Model 實體。
  • 建立使用者 (Users) 資料表:為了加入系統保安機制,在MongoDB中建立專門存放帳號密碼的使用者集合。
  • 實作新增產品的對話框:透過 AI 將原本直接顯示的表單改為點擊按鈕後彈出的對話框形式。
Course content

課堂內容 · 摘要、AI 章節、Quiz

第 1 堂面授錄影 · Lesson 1

NodeJS Live Recordings (16th May 2025) (Normal version - Cantonese) · 錄影範圍 00:00:02 – 02:22:06
約 2.5 小時 · 15 章節 · 20 題
LESSON SUMMARY · 這一課實際教授甚麼?

本節課是Node.js開發的基礎入門,主要涵蓋了後端伺服器與資料庫的初步建構。課程從安裝Node.js與設定開發環境開始,介紹如何使用VS Code編寫並執行第一支Node.js程式。隨後講解透過npm安裝Express框架,建立基礎的Web Server,並實作GET API來接收與回應前端表單的數據。課程也教授使用nodemon自動重啟伺服器,以及設定靜態資料夾提供HTML網頁。最後半段進入資料庫準備,分別安裝並介紹關聯式資料庫MySQL與非關聯式資料庫MongoDB,示範建立資料庫、資料表與基礎的資料新增指令,為後續全端開發奠定基礎。

課程簡介與Node.js安裝

介紹Node.js開發環境並示範下載與基礎安裝流程。

Preview
使用VS Code編寫伺服器程式

啟動VS Code編輯器並建立server.js檔案來編寫伺服器代碼。

實作基礎Web Server與API

撰寫Express應用程式監聽特定Port並設定基礎的API路由。

設定靜態資料夾與HTML表單

建立public資料夾並實作靜態表單網頁供使用者填寫資料。

表單資料送出與伺服器接收

設定表單action屬性,將GET請求發送至指定的後端路徑處理。

字串樣板與反引號應用

介紹JavaScript中的反引號語法,用以跨行並嵌入變數至字串中。

使用nodemon自動重啟伺服器

安裝nodemon套件以簡化修改程式碼後必須手動重啟伺服器的繁瑣流程。

豐富靜態網頁內容與加入圖片

在首頁加入背景圖片與導覽超連結,並透過CSS屬性調整圖片寬度。

複製並轉移Node.js專案檔案

講解在備份或轉移專案時,只需打包程式碼而不需打包node_modules資料夾。

下載與安裝MongoDB資料庫

示範從官網下載MongoDB伺服器與Shell工具並進行安裝。

下載與安裝MySQL (Appserv)

透過Appserv組合包安裝包含Apache與MySQL的網頁開發環境。

關聯式與非關聯式資料庫概念解析

比較MySQL與MongoDB在資料庫、資料表與文件結構上的術語及概念差異。

MySQL建立資料表與欄位設定

透過圖形化介面在MySQL中建立Student資料表並設定各欄位的資料型態。

MySQL新增資料錄 (Insert)

示範撰寫SQL語法 (INSERT INTO) 將學生資料寫入至MySQL資料表中。

MongoDB建立集合與新增資料

在MongoDB Shell中建立Collection並利用insert指令插入JSON格式的Document。

QUIZ PREVIEW · 課後即場試做(學習系統可做完整測驗)
1. 課程中使用了哪一個套件來建立Web Server?
2. 編寫Node.js程式碼時,檔案的副檔名應該儲存為什麼?
3. 為了避免忘記儲存檔案導致測試失敗,VS Code提供了什麼便利的功能?
✓
及格 60 分,可申請學校證書

每課 Quiz 及格分數為 60 分。在學習系統完成測驗並達標後,可向 UNiSOFT 申請由學校發出的課程證書。完整測驗、成績與重做次數於系統內進行(demo / demo)。

第 2 堂面授錄影 · Lesson 2

NodeJS Live Recordings (16th May 2025) (Normal version - Cantonese) · 錄影範圍 00:00:02 – 02:21:31
約 2.5 小時 · 15 章節 · 20 題
LESSON SUMMARY · 這一課實際教授甚麼?

本節課主要教導學生如何從零開始建立一個 Node.js 伺服器並連接 MongoDB 資料庫,同時學習利用 AI 工具來加速程式碼開發。課程從環境準備與專案初始化開始,介紹如何透過命令提示字元建立基本 Node.js 環境。隨後講師示範如何設定靜態資料夾提供 HTML 網頁,建立註冊表單,並設定後端 API 使用 GET 方法及 Query 來接收前端資料。接著課程進入資料庫階段,引導學生在 MongoDB Shell 中建立資料庫與集合,並手動插入測試資料。為了讓 Node.js 能與資料庫互動,課程中安裝了 Mongoose 模組,詳細講解連接本地資料庫、定義 Schema 與 Model 的步驟。最終,學生透過實作 API 完成新增使用者資料、讀取所有使用者清單顯示於網頁、刪除特定使用者以及更新使用者資料的完整流程,並在實作過程中學習了基礎的除錯技巧與非同步操作概念。

課程回顧與環境準備

回顧 Node.js 伺服器引擎與資料庫概念,並請學生開啟命令提示字元確認開發環境。

Preview
使用 AI 工具輔助開發

介紹如何利用 POE 等 AI 工具撰寫提示詞來自動生成 Node.js 專案程式碼。

建立與啟動伺服器

撰寫基本的 Express 伺服器程式碼,並學習透過 Nodemon 啟動伺服器監聽通訊埠。

設定靜態資料夾

向 AI 查詢並實作設定 static folder,以便讓伺服器能提供靜態的 HTML 網頁。

建立註冊表單前端

透過 AI 生成 HTML 註冊表單,讓使用者能夠在網頁上輸入名稱與電子郵件。

設定後端接收資料

在後端設定接收資料的 API,並學習使用 Query 參數來取得 GET 請求中的表單內容。

MongoDB Shell 基礎操作

開啟 MongoDB 終端機介面,並撰寫指令來建立新的資料庫與使用者集合。

在 MongoDB 手動插入資料

練習使用 insert 指令將多筆不同的使用者文件手動寫入 MongoDB 集合中。

安裝 Mongoose 套件

為了解決應用程式連接資料庫的需求,在專案中執行安裝 Mongoose 模組的指令。

建立資料庫連線

在 Node.js 中載入 Mongoose 並撰寫連接至本機通訊埠 27017 資料庫的程式碼。

定義 Schema 與 Model

為無結構的 MongoDB 定義 Mongoose Schema,並建立對應的操作 Model 實體。

透過 API 儲存表單資料

結合非同步函數 async 與 await,將從前端表單收集到的資料儲存至資料庫中。

讀取與展示使用者資料

撰寫新的 API 使用 find 方法取得資料庫所有紀錄,並生成前端網頁來展示清單。

實作刪除使用者功能

利用 AI 輔助建立刪除 API,並在前端表格中加入刪除按鈕進行前後端整合。

更新使用者功能與總結

簡單帶過更新使用者資料的 API 實作,並勉勵學生善用工具減輕開發負擔與練習除錯。

QUIZ PREVIEW · 課後即場試做(學習系統可做完整測驗)
1. 雖然 MongoDB 屬於 schema-less (無結構),但在透過 Mongoose 儲存資料前,第一步必須為文件設定什麼?
2. 在初始化 Node.js 專案時,講師輸入 npm init 並加上哪個參數,可以代表預設全部答對而不需逐條回答?
3. 在 MongoDB Shell 中,如果要指定使用名為 mydb 的資料庫,應使用哪個指令?
✓
及格 60 分,可申請學校證書

每課 Quiz 及格分數為 60 分。在學習系統完成測驗並達標後,可向 UNiSOFT 申請由學校發出的課程證書。完整測驗、成績與重做次數於系統內進行(demo / demo)。

第 3 堂面授錄影 · Lesson 3

NodeJS Live Recordings (16th May 2025) (Normal version - Cantonese) · 錄影範圍 00:00:06 – 02:24:38
約 2.5 小時 · 15 章節 · 20 題
LESSON SUMMARY · 這一課實際教授甚麼?

本節課主要講解如何利用AI工具輔助進行Node.js後端開發與全棧系統搭建。課程首先介紹了初始化Node.js項目,安裝Express框架並建立基本伺服器。隨後引導學生使用Postman測試GET、POST、PUT與DELETE四種API請求。在資料庫階段,示範了操作MongoDB,並透過Mongoose套件將Node.js與資料庫連接以實現數據持久化。完成後端API後,課程進一步利用AI生成包含HTML與Bootstrap的前端靜態網頁,實作產品管理的CRUD介面功能。最後段落引入了使用者管理與登入機制的概念,示範建立Users資料表與對應的API,為後續完整的系統權限管控打下基礎。

課程簡介與AI輔助編程

導師介紹如何透過AI工具輔助建立Node.js專案,並提醒開發環境需預先準備好相關套件。

Preview
建立 Express 伺服器

解說建立 server.js 檔案,並貼上由AI生成的程式碼來監聽埠號與建立基礎伺服器。

安裝與認識 Postman

引導學生下載並安裝Postman,用於後續後端API的請求測試。

使用 Postman 測試 POST 請求

說明POST方法的功能為新增資料,並示範如何在Postman中輸入JSON格式資料送給伺服器。

第二階段:MongoDB 資料庫建立

開啟全新的終端機畫面進入 mongosh,建立產品的資料庫與資料表,手動插入範例資料。

安裝 Mongoose 連接資料庫

透過安裝mongoose套件,並將連接語法與Schema/Model設定加入伺服器,讓Node.js連上MongoDB。

使用 API 執行 PUT 資料更新

示範如何複製產品ID放入網址,透過PUT請求將新的價格資料更新進資料庫中。

建立前端 public 靜態網頁資料夾

建立 public 資料夾與 index.html,為全端應用的網頁前端介面做準備。

除錯過程與引入 path 模組

針對伺服器無法找到path模組的錯誤,示範將錯誤訊息餵給AI獲取解法並修正程式碼。

利用 Bootstrap 美化網頁介面

向AI要求引入Bootstrap,讓原本簡陋的HTML列表變為排版整齊的現代網頁。

建立使用者 (Users) 資料表

為了加入系統保安機制,在MongoDB中建立專門存放帳號密碼的使用者集合。

生成使用者管理的 CRUD API

運用AI產生四組針對User資料表進行新增、讀取、更新、刪除的後端API並放入伺服器。

整合產品與帳號管理選單

要求AI生成同時具備Product和User管理選項的切換選單網頁,提升系統實用性。

建立系統 Login 登入介面

要求AI生成登入頁面(login.html),並加上負責檢驗帳號登入的後端API Endpoint。

登入流程整合與課程總結

嘗試讓系統先顯示登入頁,登入成功才顯示主選單,並對下次的雲端部署課程做預告。

QUIZ PREVIEW · 課後即場試做(學習系統可做完整測驗)
1. 為了系統安全性考量,導師在課程結尾引入實作了哪一種介面與對應的伺服器機制?
2. 後段測試新增 User (POST API) 時遇到了困難,查明原因是 AI 生成的程式碼預設加入了什麼會影響測試的功能?
3. 在 Node.js 伺服器中存放靜態網頁(如 index.html),導師在專案下建立了什麼名稱的資料夾?
✓
及格 60 分,可申請學校證書

每課 Quiz 及格分數為 60 分。在學習系統完成測驗並達標後,可向 UNiSOFT 申請由學校發出的課程證書。完整測驗、成績與重做次數於系統內進行(demo / demo)。

第 4 堂面授錄影 · Lesson 4

NodeJS Live Recordings (16th May 2025) (Normal version - Cantonese) · 錄影範圍 00:00:05 – 02:22:28
約 2.5 小時 · 14 章節 · 20 題
LESSON SUMMARY · 這一課實際教授甚麼?

本節課堂繼續教授如何使用 AI 工具輔助開發 Node.js 網頁應用程式,以建立一個結構更完整的電子商務 (E-Shop) 項目。課程首先引導學生從零開始建立 Express 伺服器,並設立 public 資料夾以存放圖片等靜態檔案。接著,利用 MongoDB 建立名為 products 的資料庫,透過 Mongoose 連接後端伺服器與資料庫,將產品資訊與圖片順利顯示在前端網頁上。課堂中段著重於建立後台管理介面 (Admin Page),並示範如何優化程式碼架構,將原本全部集中在單一檔案的程式碼拆分為 MVC 架構,分別建立 models 和 routes 資料夾來管理資料庫模型與 API 路由,以利後續維護。隨後,課程示範了如何透過 Postman 工具來獨立測試 GET、POST、UPDATE 及 DELETE 等 API 端點的運作狀態,確保資料庫的增刪查改功能正常。最後階段,課程教授如何建立使用者帳號 (User Collection),引入 bcrypt 套件為密碼進行加密保護,並實作 Login Page 及 Middleware (中介軟體) 來保護後台管理介面的路由,確保只有成功登入的使用者才能進入後台進行產品管理。整節課強調透過向 AI 下達精確提示來生成程式碼,並從實際發生的路徑與伺服器錯誤中學習除錯技巧。

建立全新 Node.js 專案

導師介紹如何使用 AI 工具輔助建立全新的 Node.js 專案與 Express 伺服器。

Preview
設立 Public 資料夾

在專案中建立 public 資料夾,專門用來存放前端網頁需要的靜態檔案與圖片。

建立 MongoDB 產品資料庫

透過終端機指令建立 MongoDB 資料庫與產品資料集合,並插入範例資料。

連接資料庫與前端顯示

安裝 Mongoose 套件,連接後端伺服器與資料庫,將產品資訊顯示在網頁上。

下載圖片與更新伺服器檔案

示範從網路下載測試用的產品圖片,統一格式後放入伺服器的 image 資料夾中。

修復圖片路徑顯示問題

指導學生如何透過 AI 修正程式碼中的圖片路徑,確保產品照片能正確顯示於網頁。

建立管理員介面 (Admin Page)

初步建立後台管理頁面,準備實作新增、更新與刪除產品的管理功能。

重構程式碼導入 MVC 架構

為解決主程式碼過於龐大的問題,建立 models 與 routes 資料夾分離資料庫與路由邏輯。

優化後台產品列表介面

將後台產品以表格形式呈現,並隱藏不必要的欄位以保持版面整潔。

實作新增產品的對話框

透過 AI 將原本直接顯示的表單改為點擊按鈕後彈出的對話框形式。

使用 Postman 測試 API

介紹如何使用 Postman 軟體來獨立測試各個 API 路由的運作是否正常。

建立使用者帳號集合

在 MongoDB 中建立獨立的使用者集合,並預先準備測試用的管理員帳號。

安裝 bcrypt 進行密碼加密

為了帳號安全性,安裝 bcrypt 套件來將使用者的密碼進行加密處理。

實作登入頁面與路由保護

建立 Login Page 與 Middleware,確保只有授權使用者能存取 Admin Page。

QUIZ PREVIEW · 課後即場試做(學習系統可做完整測驗)
1. 導師在課堂中主要推薦使用哪一款 AI 工具來輔助產生 Node.js 的程式碼?
2. 為了讓前端網頁能正確存取,產品圖片應該被存放在伺服器的哪一個路徑下?
3. 為了保障使用者密碼的安全性,導師安裝了哪一個套件來進行密碼加密?
✓
及格 60 分,可申請學校證書

每課 Quiz 及格分數為 60 分。在學習系統完成測驗並達標後,可向 UNiSOFT 申請由學校發出的課程證書。完整測驗、成績與重做次數於系統內進行(demo / demo)。

Reference videos

免費參考影片

以下片段方便報讀前了解實際教學方式。完整面授錄影於報讀後在學習系統觀看。

Instructor

導師簡介

Dannis Mok

擁有豐富的商業網站及應用程式系統開發經驗,超過 25 年教學經驗。教學風格清晰,能把複雜技術簡化為易於理解的概念。現為 NCC Education 和 University of Greenwich 首席講師,專長辦公室自動化、數據科學、數據分析及商業系統開發。

持有 IT 學士、MBA、IT 碩士及電信碩士學位;曾為知名企業、政府部門及本地大學提供工作坊與課程。

Microsoft MCSE / MCDBA MCSD MOS Master Power BI Data Analyst Associate PCAP CompTIA Data+ Cisco CCNP Oracle DBA
  • 積金局(MPF)IT 員工:Android 及 iPhone 視像培訓
  • 香港教育局:中學電腦科導師 Android 培訓
  • 香港教育大學、房屋署、醫管局、香港郵政 IT 培訓
  • 中國銀行、香格里拉、勞工處、VTC 職業訓練局企業課程
Inside the learning system

報讀後,學習完全由你控制

進入課程播放器後,左側是課堂大綱與進度;影片下方可跳到 AI 章節、打開本課摘要,以及進行課後 Quiz。你可標示已看、上一課/下一課切換,不必跟任何人的上課時間。

STEP 1

即時開播

付款後從「我的課程」進入播放器,無需等待開課日。

STEP 2

看完整面授錄影

每課約 2.5 小時實體課堂原片,可暫停、重播、調速度。

STEP 3

用 AI 章節跳看

時間章節對應真實錄影時間點,摘要幫你先抓該段重點。

STEP 4

Quiz 達 60 分申請證書

每課測驗可重做。及格 60 分後,可向學校申請課程證書。

學習系統:播放器 + 章節 + Quiz + 進度
  • Course outline 左側列出全部課堂,隨時轉課
  • Video chapters 按時間點跳到該段錄影
  • Overview 打開本課詳細摘要
  • Take Quiz 課後測驗與成績 · 及格 60 分
  • Certificate 達標後向學校申請課程證書
  • Mark as watched 自己標示完成,進度列即時更新
  • demo / demo 登入試用學習系統 →
Our clients

企業客戶

UNiSOFT 曾為政府部門、大學、銀行及企業提供 IT 與自動化培訓。以下為部分客戶。

UNiSOFT corporate client list