IT專才培訓 - 技術與學術兼備
每課均根據完整約 2.5 小時課堂逐字稿整理，展示實際摘要、時間章節及測驗題目。
本節課是Node.js開發的基礎入門，主要涵蓋了後端伺服器與資料庫的初步建構。課程從安裝Node.js與設定開發環境開始，介紹如何使用VS Code編寫並執行第一支Node.js程式。隨後講解透過npm安裝Express框架，建立基礎的Web Server，並實作GET API來接收與回應前端表單的數據。課程也教授使用nodemon自動重啟伺服器，以及設定靜態資料夾提供HTML網頁。最後半段進入資料庫準備，分別安裝並介紹關聯式資料庫MySQL與非關聯式資料庫MongoDB，示範建立資料庫、資料表與基礎的資料新增指令，為後續全端開發奠定基礎。
介紹Node.js開發環境並示範下載與基礎安裝流程。
啟動VS Code編輯器並建立server.js檔案來編寫伺服器代碼。
撰寫Express應用程式監聽特定Port並設定基礎的API路由。
建立public資料夾並實作靜態表單網頁供使用者填寫資料。
設定表單action屬性，將GET請求發送至指定的後端路徑處理。
介紹JavaScript中的反引號語法，用以跨行並嵌入變數至字串中。
安裝nodemon套件以簡化修改程式碼後必須手動重啟伺服器的繁瑣流程。
在首頁加入背景圖片與導覽超連結，並透過CSS屬性調整圖片寬度。
講解在備份或轉移專案時，只需打包程式碼而不需打包node_modules資料夾。
示範從官網下載MongoDB伺服器與Shell工具並進行安裝。
透過Appserv組合包安裝包含Apache與MySQL的網頁開發環境。
比較MySQL與MongoDB在資料庫、資料表與文件結構上的術語及概念差異。
透過圖形化介面在MySQL中建立Student資料表並設定各欄位的資料型態。
示範撰寫SQL語法 (INSERT INTO) 將學生資料寫入至MySQL資料表中。
在MongoDB Shell中建立Collection並利用insert指令插入JSON格式的Document。
本節課主要教導學生如何從零開始建立一個 Node.js 伺服器並連接 MongoDB 資料庫，同時學習利用 AI 工具來加速程式碼開發。課程從環境準備與專案初始化開始，介紹如何透過命令提示字元建立基本 Node.js 環境。隨後講師示範如何設定靜態資料夾提供 HTML 網頁，建立註冊表單，並設定後端 API 使用 GET 方法及 Query 來接收前端資料。接著課程進入資料庫階段，引導學生在 MongoDB Shell 中建立資料庫與集合，並手動插入測試資料。為了讓 Node.js 能與資料庫互動，課程中安裝了 Mongoose 模組，詳細講解連接本地資料庫、定義 Schema 與 Model 的步驟。最終，學生透過實作 API 完成新增使用者資料、讀取所有使用者清單顯示於網頁、刪除特定使用者以及更新使用者資料的完整流程，並在實作過程中學習了基礎的除錯技巧與非同步操作概念。
回顧 Node.js 伺服器引擎與資料庫概念，並請學生開啟命令提示字元確認開發環境。
介紹如何利用 POE 等 AI 工具撰寫提示詞來自動生成 Node.js 專案程式碼。
撰寫基本的 Express 伺服器程式碼，並學習透過 Nodemon 啟動伺服器監聽通訊埠。
向 AI 查詢並實作設定 static folder，以便讓伺服器能提供靜態的 HTML 網頁。
透過 AI 生成 HTML 註冊表單，讓使用者能夠在網頁上輸入名稱與電子郵件。
在後端設定接收資料的 API，並學習使用 Query 參數來取得 GET 請求中的表單內容。
開啟 MongoDB 終端機介面，並撰寫指令來建立新的資料庫與使用者集合。
練習使用 insert 指令將多筆不同的使用者文件手動寫入 MongoDB 集合中。
為了解決應用程式連接資料庫的需求，在專案中執行安裝 Mongoose 模組的指令。
在 Node.js 中載入 Mongoose 並撰寫連接至本機通訊埠 27017 資料庫的程式碼。
為無結構的 MongoDB 定義 Mongoose Schema，並建立對應的操作 Model 實體。
結合非同步函數 async 與 await，將從前端表單收集到的資料儲存至資料庫中。
撰寫新的 API 使用 find 方法取得資料庫所有紀錄，並生成前端網頁來展示清單。
利用 AI 輔助建立刪除 API，並在前端表格中加入刪除按鈕進行前後端整合。
簡單帶過更新使用者資料的 API 實作，並勉勵學生善用工具減輕開發負擔與練習除錯。
本節課主要講解如何利用AI工具輔助進行Node.js後端開發與全棧系統搭建。課程首先介紹了初始化Node.js項目，安裝Express框架並建立基本伺服器。隨後引導學生使用Postman測試GET、POST、PUT與DELETE四種API請求。在資料庫階段，示範了操作MongoDB，並透過Mongoose套件將Node.js與資料庫連接以實現數據持久化。完成後端API後，課程進一步利用AI生成包含HTML與Bootstrap的前端靜態網頁，實作產品管理的CRUD介面功能。最後段落引入了使用者管理與登入機制的概念，示範建立Users資料表與對應的API，為後續完整的系統權限管控打下基礎。
導師介紹如何透過AI工具輔助建立Node.js專案，並提醒開發環境需預先準備好相關套件。
解說建立 server.js 檔案，並貼上由AI生成的程式碼來監聽埠號與建立基礎伺服器。
引導學生下載並安裝Postman，用於後續後端API的請求測試。
說明POST方法的功能為新增資料，並示範如何在Postman中輸入JSON格式資料送給伺服器。
開啟全新的終端機畫面進入 mongosh，建立產品的資料庫與資料表，手動插入範例資料。
透過安裝mongoose套件，並將連接語法與Schema/Model設定加入伺服器，讓Node.js連上MongoDB。
示範如何複製產品ID放入網址，透過PUT請求將新的價格資料更新進資料庫中。
建立 public 資料夾與 index.html，為全端應用的網頁前端介面做準備。
針對伺服器無法找到path模組的錯誤，示範將錯誤訊息餵給AI獲取解法並修正程式碼。
向AI要求引入Bootstrap，讓原本簡陋的HTML列表變為排版整齊的現代網頁。
為了加入系統保安機制，在MongoDB中建立專門存放帳號密碼的使用者集合。
運用AI產生四組針對User資料表進行新增、讀取、更新、刪除的後端API並放入伺服器。
要求AI生成同時具備Product和User管理選項的切換選單網頁，提升系統實用性。
要求AI生成登入頁面(login.html)，並加上負責檢驗帳號登入的後端API Endpoint。
嘗試讓系統先顯示登入頁，登入成功才顯示主選單，並對下次的雲端部署課程做預告。
本節課堂繼續教授如何使用 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 下達精確提示來生成程式碼，並從實際發生的路徑與伺服器錯誤中學習除錯技巧。
導師介紹如何使用 AI 工具輔助建立全新的 Node.js 專案與 Express 伺服器。
在專案中建立 public 資料夾，專門用來存放前端網頁需要的靜態檔案與圖片。
透過終端機指令建立 MongoDB 資料庫與產品資料集合，並插入範例資料。
安裝 Mongoose 套件，連接後端伺服器與資料庫，將產品資訊顯示在網頁上。
示範從網路下載測試用的產品圖片，統一格式後放入伺服器的 image 資料夾中。
指導學生如何透過 AI 修正程式碼中的圖片路徑，確保產品照片能正確顯示於網頁。
初步建立後台管理頁面，準備實作新增、更新與刪除產品的管理功能。
為解決主程式碼過於龐大的問題，建立 models 與 routes 資料夾分離資料庫與路由邏輯。
將後台產品以表格形式呈現，並隱藏不必要的欄位以保持版面整潔。
透過 AI 將原本直接顯示的表單改為點擊按鈕後彈出的對話框形式。
介紹如何使用 Postman 軟體來獨立測試各個 API 路由的運作是否正常。
在 MongoDB 中建立獨立的使用者集合，並預先準備測試用的管理員帳號。
為了帳號安全性，安裝 bcrypt 套件來將使用者的密碼進行加密處理。
建立 Login Page 與 Middleware，確保只有授權使用者能存取 Admin Page。
以下試學片段直接取自本課程的證書介紹頁，方便報讀前了解實際教學內容。
Copyright © 2025 Unisoft Education Centre. All Rights Reserved
