UNiSOFT Education Center

課程特色 ✨

✅ 隨時開始，無需等待 ⚡： 報名後即可立即存取所有影片課程內容（20小時），自主掌握學習進度，無需等待面授課程開課。
✅ 雙模式學習： 第一部分：錄製的影片課程，幫助您打下穩固的基礎。第二部分：現場面授課程，指導您運用 AI 工具完成真實專案。
✅ 雙軌學習模式 🎯： 影片課程建立紮實基礎知識（技術核心），面授課程專注教授 AI 工具運用（學習加速器），相輔相成，學習效果倍增。
✅ AI 技術融入 🤖： 學習如何使用 Copilot、Gemini、ChatGPT 和 Claude 助力開發，掌握如何撰寫高效提示（prompt）以生成和除錯程式碼。
✅ 全端開發技能 🪜： 前端技術包括 HTML、CSS、JavaScript 和 ReactJS (SPA)，後端技術包括 NodeJS、Express、MongoDB、MySQL 和 Mongoose。
✅ 先學先贏優勢 🏆： 提早開始影片學習，在面授課程開始前已掌握核心概念，屆時能更有效運用 AI 提升學習效率。
✅ 專案驅動教學 📚： 實際參與專案開發，將所學知識應用到真實場景。
✅ 未來技能培養 🎥： 掌握如何將 AI 整合到日常開發流程中，為未來職業發展鋪平道路。
✅ 靈活學習結構 📚： 影片課程一年觀看期無限重播，可反復學習單元，或參加整套課程培訓。

課程收穫 🎓

全面掌握前端與後端開發： 學習現代網頁應用程式開發的基礎與進階技術。
獲得實戰經驗： 通過真實專案開發，累積豐富的實戰經驗。
AI 工具應用能力： 學會如何利用 AI 工具編寫、除錯、優化程式碼，高效生成完整的模組或應用程式。
提升開發效率： 掌握現代開發工具和技術，大幅提升創造力和開發效率。
專業作品集： 完成一系列專案，打造自己的專業作品集。

完成課程後，您將具備：

全端開發技能： 從前端到後端，全面掌握現代網頁開發技術。
AI 整合能力： 將 AI 工具融入開發流程，成為未來導向的開發者。
職場競爭力： 掌握業界最新技術，為職業發展增添競爭優勢。

課程目標對象 👩‍💻👨‍💻

🔰 初學者： 想從零開始學習網頁開發的初學者。
💡 技術人員： 希望從前端或後端開發者成長為全端開發者的技術人員。
🏆 專業人士： 想將 AI 工具融入開發流程的專業人士。
📚 學生與愛好者： 對現代網頁應用開發感興趣的學生或業餘愛好者。
🤖 AI 學習者： 欲了解 AI 在網頁開發中應用的任何人。
⏰ 在職進修者： 想要立即開始學習、不想等待開課日期的忙碌專業人士。

為什麼選擇這課程？ 🤔

🚀 立即開始學習： 無需等待開課，報名後立刻存取20小時完整影片課程，馬上開始您的學習旅程。
⚡ AI 技術整合： 與傳統課程不同，本課程教您如何利用 AI 工具革新工作流程。
⚙️ 全面課程內容： 涵蓋前端與後端開發，助您成為全端開發專家。
👩‍🏫 實踐導向學習： 通過真實專案和案例，鞏固知識和技能。
🎥 專家指導： 學習業界最佳實踐，掌握開發與 AI 工具結合的技巧。
🔧 未來技能： 掌握將 AI 整合到開發過程中的前沿技能，走在行業的前端。
🎯 雙重學習保障： 影片涵蓋完整技術內容，面授專注AI工具應用，確保學習全面且高效。

你將學到什麼 💡

前端開發：HTML、CSS 和 JavaScript 的基礎知識

使用 ReactJS 建立動態單頁應用程式 (SPA)

後端開發：使用 NodeJS 和 Express 建立伺服器

操作資料庫（MongoDB、MySQL）及使用 Mongoose

使用 AI 工具優化前端開發流程

利用 Copilot 和 ChatGPT 生成並除錯程式碼

結合前端與後端技能，開發完整應用程式

撰寫有效提示，提升 AI 工具的生成效率

利用 AI 工具簡化開發流程並提升成品質量

課程內容與學習路徑

🎯 課程設計理念

「基礎先行，AI 加速」

我們堅信，只有具備紮實的程式設計基礎，才能有效運用 AI 工具。沒有基礎知識，學員將無法判斷 AI 生成程式碼的品質，也無法進行有效的除錯和優化。

第一部分：基礎建立

影片課程 - 隨時學習

🎯 學習目標

建立網頁開發的核心概念
掌握前端與後端技術
理解程式架構與設計模式
培養除錯與問題解決能力

📚 課程內容

1A 模組：前端開發 (ReactJS) - 10小時

HTML、CSS、JavaScript、React 基礎

1B 模組：後端開發 (NodeJS) - 10小時

服務器、資料庫、API 設計

重要：此部分為自主學習，學員可按自己的節奏完成

第二部分：AI 加速

現場面授 - 實戰應用 (4堂 - 10小時)

🚀 學習目標

學會運用 AI 工具提升開發效率
掌握 AI 程式碼品質評估技巧
建立 AI 輔助開發工作流程
完成實際專案開發

🤖 教學方式

從零開始：假設學員無 AI 使用經驗

步驟教學：逐步示範 AI 工具操作

實戰演練：現場指導解決實際問題

注意：建議先完成第一部分基礎課程，以獲得最佳學習效果

💡 為什麼需要基礎知識？

❌

無基礎 + AI

不理解 AI 生成的程式碼
無法判斷程式碼品質
遇到錯誤無法除錯
難以修改或優化程式

📚

扎實基礎

理解程式設計概念
掌握語法和架構
具備除錯能力
能夠獨立思考解決方案

🚀

基礎 + AI = 超強組合

快速生成高品質程式碼
有效評估和優化 AI 輸出
靈活運用 AI 解決複雜問題
成為高效率的開發者

📖 彈性學習安排

只修讀影片課程

適合對象：

希望自學網頁開發基礎的學員
時間較為彈性的在職人士
預算有限但想學習技能的學員

學習成果：

掌握完整的全端開發技能
能夠獨立開發網頁應用程式
具備進一步學習的紮實基礎

影片課程 + 面授課程

適合對象：

希望學習 AI 輔助開發的學員
追求最高學習效率的專業人士
希望與導師和同學互動的學員

學習成果：

掌握傳統開發技能 + AI 工具應用
大幅提升開發效率和程式碼品質
成為未來導向的高效開發者

⏰ 建議學習時程

第一階段

前端基礎

HTML, CSS, JavaScript
React 元件開發

第二階段

後端基礎

NodeJS, Express
資料庫操作

第三階段

AI 實戰

AI 工具整合
專案開發

彈性安排：影片課程可按個人進度調整，面授課程為固定時間

📋 詳細課程大綱

第一部分 - 1A

前端開發：ReactJS 詳細課程大綱

4 堂影片課程 (10 小時)

React JS 是由 Facebook(Meta) 所開發的前端介面設計 Javascript工具庫，是用介面組件(Components) 這觀念用來架構介面。概念是將網頁切割成不同的 component，每個component包含自己的網頁內容，設計風格及相關程式碼，網站人員便可以輕鬆利用 component 組成不同的網站設計，使前台開發更有規模以及更容易管理。開發者可自行開發組件或利用已經建立的第三方組件用來建構網站，是最先進的 Web design 技術及趨勢。

Certificate in ReactJS Web Development (CRW2025)

適合初學者修讀，無需任何經驗，
由淺入深教學

你將學到什麼？

從零開始學習 HTML、CSS 和 JavaScript 基礎
使用 HTML 設計網頁結構、佈局、表格和表單
使用 CSS 設計網頁樣式和視覺效果
使用 JavaScript 實現互動功能和 API 調用
學習 ReactJS 的元件設計概念和架構
掌握 JSX 語法來渲染表格、列表、圖像等元素
使用 JSX 建立可重用的網頁元件
學習使用 Hooks（useState 和 useEffect）管理狀態
使用 Props 在元件之間傳遞資料
使用 React Router 實現頁面導航和元件載入
使用 Bootstrap 為元件添加專業樣式
整合後端 NodeJS 實現前後端互動
學習如何使用 AI 工具加速前端開發流程

Frontend

COURSE OUTLINE

HTML 基礎語法與文檔結構
設計網頁結構和語義化標籤
創建網頁佈局和版面設計
建立表格來顯示資料
設計互動表單和輸入元件
實作練習：建立包含表格和表單的完整網頁結構

CSS 基礎語法與選擇器
網頁樣式設計和顏色搭配
佈局技術：Flexbox 和 Grid
響應式設計與媒體查詢
視覺效果和動畫設計
實作練習：為網頁添加專業的視覺樣式和響應式設計

JavaScript 基礎語法與變數操作
DOM 操作和事件處理
實現用戶互動功能
使用 fetch 和 axios 進行 API 調用
處理非同步操作和 Promise
實作練習：建立具有互動功能和 API 整合的動態網頁

ReactJS 概述和現代元件設計概念
設置 React 開發環境
理解元件架構和組織方式
從傳統網頁開發轉向元件化開發
實作練習：創建第一個 React 應用程式

學習 JSX 語法和基本概念
使用 JSX 渲染表格和資料展示
使用 JSX 創建動態列表
在 JSX 中處理圖像和媒體元素
條件渲染和循環渲染技巧
實作練習：建立包含表格、列表和圖像的 React 元件

設計可重用的元件架構
創建自定義 UI 元件
元件的組合和嵌套
建立元件庫和設計系統
實作練習：開發一套可重用的網頁元件集合

理解 React Hooks 的概念和優勢
使用 useState 管理元件狀態
使用 useEffect 處理副作用和生命週期
狀態更新和元件重新渲染
實作練習：建立具有狀態管理的互動元件

理解 Props 的概念和用途
在元件之間傳遞資料
父子元件的資料流動
Props 驗證和預設值設定
實作練習：建立具有資料傳遞功能的元件系統

安裝和設定 React Router
創建路由和頁面導航
動態路由和參數傳遞
程式化導航和路由守衛
實作練習：建立多頁面的 React 應用程式

在 React 中整合 Bootstrap
使用 Bootstrap 元件庫
建立響應式的 UI 設計
自定義 Bootstrap 主題和樣式
實作練習：使用 Bootstrap 建立專業外觀的 React 應用程式

設定前後端通信架構
從 React 調用 NodeJS API
處理跨域請求和錯誤管理
實現完整的前後端互動
實作練習：建立連接後端 API 的完整 React 應用程式

介紹 AI 工具在前端開發中的應用
使用 AI 快速生成 React 元件
AI 協助除錯和程式碼優化
建立高效的 AI 輔助開發流程
實作練習：使用 AI 工具完成前端開發專案

第一部分 - 1B

後端開發：NodeJS 詳細課程大綱

4 堂影片課程 (10 小時)

NodeJS 是一個新進的後台製作方案，特色是利用一套程式語言 JavaScript 便可開發前台及後台的所有功能。NodeJS 可配搭不同類型的資料庫，如果配搭 NoSQL Database (MongoDB) 便可以方便網站系統無限擴張 (scalable)，突破傳統資料庫的限制。此方案亦方便用家設計 Web Service，透過 REST API 設計風格，便可讓瀏覽器或流動應用程式 (Mobile Apps) 直接接駁存取資料。

Certificate in NodeJS and Database (CND2025)

適合初學者修讀，無需任何經驗，
由淺入深教學

你將學到什麼？

掌握 JavaScript 新特性提升開發技能
學習創建 MySQL 和 MongoDB 資料庫
執行資料的新增、修改、刪除和查詢操作
安裝 Node.js 並建立專案架構
創建 Node.js 伺服器並提供靜態檔案服務
建立 RESTful API 並處理請求參數
以 JSON 格式返回資料並使用 Postman 測試
使用 Mongoose 連接和操作 MongoDB
建立完整的 CRUD API 與資料庫整合
使用 HTML 和 JavaScript 創建前端介面
在前端使用 axios 或 fetch 與 API 互動
重構後端為 MVC 架構模式
部署應用程式並使用 AI 工具加速開發

Backend

COURSE OUTLINE

ES6+ JavaScript 新特性：箭頭函數、解構、模組化
Promise、async/await 非同步程式設計
現代 JavaScript 開發工具和最佳實踐
JavaScript 在後端開發中的應用
實作練習：使用現代 JavaScript 特性建立基礎程式模組

MySQL 安裝和基礎設定
關聯式資料庫概念和設計原則
使用 SQL 指令創建資料庫和表格
資料類型、主鍵和外鍵設計
執行 INSERT、UPDATE、DELETE、SELECT 操作
實作練習：設計和建立完整的 MySQL 資料庫系統

MongoDB 安裝和基礎概念
文件導向資料庫 vs 關聯式資料庫
使用 MongoDB 指令創建集合和文件
JSON 格式資料結構設計
MongoDB CRUD 操作：新增、查詢、更新、刪除
實作練習：建立 MongoDB 資料庫並執行各種資料操作

Node.js 安裝和環境設置
NPM 套件管理和 package.json 設定
建立基本的 Node.js 伺服器
理解 Node.js 模組系統
設置靜態資料夾提供網頁和圖像
實作練習：創建第一個 Node.js 專案和伺服器

Express.js 安裝和基礎設定
創建 RESTful API 端點
處理 HTTP 請求：GET、POST、PUT、DELETE
通過查詢參數和路徑參數傳遞資料
返回 JSON 格式的資料回應
使用 Postman 測試 API 功能
實作練習：建立完整的 RESTful API 系統

Mongoose ODM 安裝和設定
連接 Node.js 與 MongoDB 資料庫
定義資料模型和架構
建立完整的 CRUD API 與資料庫整合
資料驗證和錯誤處理
實作練習：建立連接資料庫的完整 API 系統

使用純 HTML 和 JavaScript 創建前端介面
在前端使用 axios 和 fetch 調用 API
處理非同步請求和回應資料
創建 CRUD 操作的使用者介面
前後端資料流程和錯誤處理
實作練習：建立完整的前後端整合應用程式

理解 MVC（Model-View-Controller）架構模式
重構後端程式碼為 MVC 結構
創建 Model 層管理資料邏輯
建立 Controller 層處理業務邏輯
組織路由和中介軟體
實作練習：將現有專案重構為 MVC 架構

AI 工具在後端開發中的應用
使用 AI 快速生成 API 程式碼
AI 協助資料庫設計和查詢優化
自動化測試和程式碼審查
建立高效的 AI 輔助開發工作流程
實作練習：使用 AI 工具完成完整的後端開發專案

第二部分

AI 助力網頁開發實戰：詳細課程大綱

4 堂現場面授課程 (10 小時)

本部分為現場面授課程，專注於將人工智慧工具整合到實際網頁開發工作流程中。學員將學習如何有效運用 Copilot、Gemini、ChatGPT 和 Claude 等 AI 工具，從前端設計到後端開發，從資料庫操作到系統部署，全面提升開發效率和程式碼品質。透過實際操作和專案實作，學員將掌握 AI 驅動的現代網頁開發技能，能夠獨立完成完整的網頁應用程式開發。

AI 助力網頁開發實戰課程 (AIW2025)

結合理論與實務，
透過 AI 工具提升開發效率

What you can learn ?

掌握主流 AI 工具的核心功能與應用場景
學會設置並整合 AI 工具到開發環境中
使用 AI 快速生成高品質的 HTML、CSS 和 JavaScript 程式碼
運用 AI 協助資料庫設計與範例資料生成
透過 AI 自動化 API 開發與測試流程
實作 AI 驅動的 CRUD 功能與前後端整合
使用 AI 生成 ReactJS 元件與優化程式碼結構
建立 AI 輔助的用戶認證與安全系統
運用 AI 進行系統重構與效能優化
透過 AI 簡化部署流程與自動化腳本生成
開發完整的 AI 驅動電商應用程式
掌握 AI 工具在專案管理與問題除錯中的應用

AI Live

COURSE OUTLINE

認識 Copilot、Gemini、ChatGPT 和 Claude
- 各工具的特色與適用場景比較
- 選擇合適 AI 工具的策略與技巧
- AI 工具的限制與最佳實踐
設置開發環境並整合 AI 工具
- 在 VS Code 中配置 GitHub Copilot
- 設置 ChatGPT 與 Claude 的開發工作流程
- 建立高效的 AI 輔助開發環境
AI 工具的實際操作演示
- 撰寫有效提示詞的技巧與策略
- 提升 AI 輸出品質的方法
- 常見錯誤與解決方案
使用 AI 創建 HTML 結構
- 生成語義化 HTML 標籤結構
- 創建響應式網頁佈局
- 自動化 HTML 模板生成
使用 AI 創建 CSS 樣式
- 生成現代 CSS 樣式與動畫
- 創建響應式設計與媒體查詢
- 優化 CSS 架構與組織
使用 AI 創建表單和表格
- 設計用戶友善的表單界面
- 實作表單驗證與錯誤處理
- 創建動態資料表格
使用 AI 生成互動 JavaScript 程式碼
- 實作用戶互動功能
- 處理事件監聽與 DOM 操作
- 創建動態網頁效果

設置網頁伺服器和資料庫伺服器
- 使用 AI 協助伺服器配置與最佳化
- 自動化伺服器部署腳本生成
- 伺服器安全配置與監控設置
使用 AI 協助資料庫設計
- 生成最佳化的資料庫架構
- 設計高效的索引策略
- 資料庫正規化與效能調優
使用 AI 幫助生成範例資料
- 創建真實且有意義的測試資料
- 批量資料生成與匯入技巧
- 模擬不同業務場景的資料集
設置基本 NodeJS 伺服器
- 使用 AI 快速搭建 Express.js 架構
- 自動化專案初始化與配置
- 實作伺服器中介軟體與路由
使用 AI 生成 API 介面
- 設計 RESTful API 架構
- 自動生成 API 文檔與規格
- 實作 API 版本控制策略
使用 Postman 測試 API
- 創建自動化測試集合
- 使用 AI 生成測試案例
- API 效能測試與監控
整合 NodeJS 與資料庫
- 實作資料庫連接池管理
- 優化資料庫查詢效能
- 處理資料庫事務與錯誤
生成 API 協助 NodeJS 連接資料庫
- 使用 AI 生成 ORM 模型
- 自動化資料庫遷移腳本
- 實作資料驗證與安全機制

創建前端 JavaScript 呼叫 API
- 使用 AI 生成 Fetch 與 Axios 請求
- 實作錯誤處理與重試機制
- 優化 API 呼叫效能與快取策略
使用 AI 設計表單收集資料並儲存到資料庫
- 生成動態表單驗證規則
- 實作即時資料驗證與反饋
- 處理檔案上傳與圖片處理
使用 AI 設計表格顯示資料庫資料
- 創建響應式資料表格
- 實作分頁、排序與篩選功能
- 優化大量資料的顯示效能
使用 AI 實作 CRUD 功能
- 自動化增刪改查操作
- 實作批量操作與事務處理
- 添加操作確認與復原機制
使用 ReactJS 創建前端元件
- 設計可重用的 React 元件
- 實作狀態管理與生命週期
- 優化元件效能與記憶體使用
使用 AI 協助生成 ReactJS 元件
- 自動生成 React Hook 與邏輯
- 創建響應式 UI 元件庫
- 實作元件測試與文檔

整合 ReactJS 前端與 NodeJS 後端
- 使用 AI 協助建立前後端通信架構
- 設計 RESTful API 與前端元件的完美配合
- 實作跨域請求處理與錯誤管理
- 優化前後端資料流與狀態管理
使用 AI 協助實作用戶認證系統
- 實作 JWT 與 OAuth 認證機制
- 設計安全的密碼策略與加密
- 整合前端登入介面與後端驗證邏輯
- 使用 AI 生成安全的認證流程
使用 AI 重構與優化全端系統
- 優化 React 元件架構與程式碼結構
- 重構 NodeJS 後端 API 設計
- 實作前後端的設計模式與最佳實踐
- 提升系統可維護性與擴展性
使用 AI 實作完整電商系統
- 設計商品管理介面與後端 API
- 實作購物車功能（前端狀態 + 後端儲存）
- 建立訂單管理系統與結帳流程
- 整合付款處理與庫存管理
AI 協助的全端開發工作流程
- 使用 AI 同步開發前後端功能
- 自動化測試與除錯流程
- AI 輔助的程式碼審查與優化建議
- 建立高效的開發與部署流程
實戰專案完成與應用部署
- 完成完整的全端電商應用程式
- 使用 AI 協助問題診斷與修復
- 準備應用程式上線部署
- 建立專業的專案作品集

導師簡介

Dannis Mok

He has rich experience in business web and apps system development and over 25 years of teaching experience. He has a great passion for learning and teaching new technologies, and his teaching style is clear, to the point, and simplifies complex technologies into easy-to-understand terms.

He has delivered various workshops and classes for well-known corporates, government departments, and local universities, specializing in office automation, data science, data analysis, and business web and apps system development. He is the principal lecturer for NCC Education and University of Greenwich, and has provided training that equips professionals with practical skills tailored to industry needs.

By leveraging his expertise in these areas, he has successfully trained professionals in corporate organizations and government departments to enhance efficiency, adopt data-driven decision-making, and embrace automation technologies.

In addition to his BSc degree in IT, he holds an MBA, an MSc in IT, and an MSc in Telecommunication.

Microsoft Power BI Data Analyst Associate

視像課程內容

除了面授課堂，同學亦可重溫課程錄影片段，觀看期為期一年，可在家無限重播。

Web Front End Development

Create the ReactJS Project

Styling your HTML Page

Connect ReactJS to NodeJS

Web Back End Development

Prompt to Create MySQL Database

Add Product to Database

Complete Library System

網上學習系統

為配合在職人士的需求，本校的課程已全部錄影，學員可因應自己的學習進度，隨時隨地選擇任何一科開始學習。學員有充裕的時間去不斷重溫及重播相關技術課程片段，務求令自己掌握相關技術。

詳細視像課程內容，請登入網上學習系統觀看。

登入戶口: demo

登入密碼: demo

Studying in UK NCC Education Level 5 in Computing

報名及付款

AI 驅動的網頁開發專業證書課程

Certificate in AI-Powered Web Development

Course Code: DWS202506

🚀 報名即可立即開始學習！

✅ 30小時完整影片課程 - 報名後立即存取

✅ 一年觀看期無限重播 - 自主掌握學習節奏

✅ 包含 10 小時 AI 實戰影片 - 教授 AI 工具應用

✅ 完全自主學習 - 不受時間地點限制

🎥 完整影片課程

影片課程 - 全部 30 小時

基礎技術 20 hrs + AI 實戰 10 hrs

20 小時基礎影片課程
ReactJS + NodeJS 完整技術內容
10 小時 AI 實戰影片課程
AI 工具應用 - 完整操作示範
總計 30 小時學習內容
完全自主學習時間
隨時隨地按自己節奏學習
一年影片觀看期
所有內容無限重播

適合：所有希望學習網頁開發和 AI 工具應用的學員，隨時隨地按自己節奏學習

🎉 早鳥優惠 Early Bird Discount 🎉

$2,980 $1,980

課程涵蓋內容

⚛️

ReactJS 前端開發

HTML, CSS, JavaScript, React

🟢

NodeJS 後端開發

Express, MongoDB, MySQL

🤖

AI 工具實戰

Copilot, ChatGPT, Claude, Gemini

其他付款方式

支付詳情

轉數快: 快速支付系統識別碼: 108329293
銀行轉帳: 恆生銀行 #789-681384-883
(戶口名稱: UNiSOFT Education Limited)
支票付款: 枱頭請寫 UNiSOFT Education Limited

注意: 如選用轉數快或銀行轉帳完成付款後，請將付款記錄 Whatsapp 到 90455522。

校舍地址及聯繫方式

校舍地址: 九龍佐敦德興街12號興富中心5樓501室
辦公時間: 星期一至星期五上午11時至晚上8時

查詢問題 21361234 90455522

Please fill in the details

First Name*

Last Name*

Email Address*

Phone no*

Date of Birth*

Other Phone no (if any)

Gender*

Male

Female

Chinese Name

Address

🚀 立即開始學習旅程！無需等待面授課程！

🌐 探索 AI 驅動網頁開發

🎯 您將學會：

AI 驅動的網頁開發專業證書課程 Certificate in AI-Powered Web Development

📚 雙軌學習模式 - 影片基礎 + 面授 AI 應用

第一部分：基礎影片課程 (20小時)

🎯 目標：建立紮實技術基礎

第二部分：AI 實戰影片課程 (10小時)

🤖 目標：掌握 AI 工具提升學習效率

💡 為什麼這種學習模式最有效？

時間彈性

學習深度

效率倍增

🛤️ 您的學習旅程

立即報名

開始影片學習

參加面授課程

課程特色 ✨

課程收穫 🎓

課程目標對象 👩‍💻👨‍💻

為什麼選擇這課程？ 🤔

你將學到什麼 💡

前端開發：HTML、CSS 和 JavaScript 的基礎知識

使用 ReactJS 建立動態單頁應用程式 (SPA)

後端開發：使用 NodeJS 和 Express 建立伺服器

操作資料庫（MongoDB、MySQL）及使用 Mongoose

使用 AI 工具優化前端開發流程

利用 Copilot 和 ChatGPT 生成並除錯程式碼

結合前端與後端技能，開發完整應用程式

撰寫有效提示，提升 AI 工具的生成效率

利用 AI 工具簡化開發流程並提升成品質量

課程內容與學習路徑

🎯 課程設計理念

第一部分：基礎建立

🎯 學習目標

📚 課程內容

第二部分：AI 加速

🚀 學習目標

🤖 教學方式

💡 為什麼需要基礎知識？

無基礎 + AI

扎實基礎

基礎 + AI = 超強組合

📖 彈性學習安排

只修讀影片課程

影片課程 + 面授課程

⏰ 建議學習時程

前端基礎

後端基礎

AI 實戰

📋 詳細課程大綱

前端開發：ReactJS 詳細課程大綱

4 堂影片課程 (10 小時)

Certificate in ReactJS Web Development (CRW2025)

你將學到什麼？

COURSE OUTLINE

HTML 基礎：網頁結構與元素設計

CSS 樣式設計：美化網頁外觀

JavaScript 互動功能與 API 調用

ReactJS 入門：元件設計概念

JSX 語法：渲染表格、列表和圖像

建立可重用的網頁元件

Hooks 狀態管理：useState 和 useEffect

Props 資料傳遞：元件間通信

React Router：頁面導航和元件載入

Bootstrap 樣式整合

前後端整合：連接 NodeJS 後端

AI 加速開發：提升前端開發效率

後端開發：NodeJS 詳細課程大綱

4 堂影片課程 (10 小時)

Certificate in NodeJS and Database (CND2025)

你將學到什麼？

COURSE OUTLINE

JavaScript 新特性與現代開發技能

資料庫基礎：MySQL 關聯式資料庫

NoSQL 資料庫：MongoDB 文件導向資料庫

Node.js 基礎：專案設置與伺服器建立

Express.js 框架與 API 開發

資料庫整合：Mongoose 與 MongoDB 連接

前端整合：HTML 和 JavaScript 客戶端

AI 驅動的網頁開發專業證書課程
Certificate in AI-Powered Web Development

除了面授課堂，同學亦可重溫課程錄影片段，觀看期為期一年，可在家無限重播。