Vibe Coding 2.0開發魔法課

30日，0程式經驗，親手利用AI，開發一個真正有人使用、可收費的產品！
再舉一反三，讓你可以建立自己的工具/產品

課程特點

親手打造一個，真正營運的產品

由零開始，親手重建 GoGoSpace AI。它不是 Demo，而是一個已經上線、有人使用、有人付費的 AI 產品

適合0基礎初學者

這個課程專為無IT背景，0基礎初學者而設。你只要會基本的電腦操作（上網，基本文書）便可

正式收費，安全可靠

連接 Stripe 信用卡付款，讓你的產品可以正式收費。同時處理好軟件安全性問題，讓用戶安心使用及付款

由開發、上線到首個推廣，一次過學懂

由設計介面、AI 功能、資料庫、用戶管理、電郵及付款系統，安全性，到 SEO Friendly，甚至第一個影片廣告

舉一反三，建立你自己的工具/產品

跟著課程完整做好一個產品後，你就掌握了整套開發方法，可以用來建立自己的工具、系統、產品

30天充實課程，終生觀看

只需用你30天，每天30-60分鐘，便能完成課程。你可以終生隨時隨地，利用電腦或手機學習內容

2026 年最新 AI First 開發流程

使用 Cursor、Codex 或 Claude Code，學習一套真正適合 AI 時代的開發流程

廣東話/普通話/英語教學 + 字幕

影片配有廣東話講解，並提供普通話及英語配音，字幕支援繁體中文、簡體中文及英文，照顧全球學員需要

專業支援

學習期間如有疑問，學員都可以Email我們，我們導師會為你作出支援，協助你順利學習課程

完成證書

完成課程後，你將獲得一張專屬的電子證書，為你的學習成果留下專業認證，亦可展示於履歷或社交平台！

你的課堂作品：GoGoSpace AI

30日，我會帶你Step by Step，親手去利用AI開發一個真正營運、可收費的產品：https://gogospace.ai

GoGoSpace AI 桌面及手機版主頁

1. 專業的產品介面

利用 AI 建立有設計品味的主頁及所有內頁，電腦及手機版都完美顯示

GoGoSpace AI 室內設計功能

2. AI 室內設計核心功能

上載一張房間相片，AI 便會為你生成全新的室內設計

GoGoSpace AI 真實用戶付款畫面

3. 真實用戶，收費營運

用戶註冊會員、以信用卡購買點數，產品在真正營運及收款

GoGoSpace AI 推廣廣告

學習路徑

Phase 0

基礎

學習Vibe Coding 前必學的所有基礎：開發概念、AI 工具、編程概念、Command Line，以及管理程式碼

  • 開發概念
  • AI 工具
  • 基礎編程概念
  • Command Line
  • Version Control
Phase 1

介面

學習做 Research，以及與 AI 一起開發專業的介面

  • Research
  • 建立主頁
  • 手機版介面
  • 建立所有內頁
Phase 2

功能

開發所有核心功能：AI、資料庫、用戶管理、電郵、付款、安全性等等

  • AI 核心功能
  • 資料庫
  • 電郵系統
  • 用戶管理系統
  • Debug
  • Stripe 收款
  • 安全性
Phase 3

上線

讓產品正式上線：網址、部署、SEO Friendly、Google Tag Manager 及 Analytics

  • 購買網址
  • 部署上線
  • SEO Friendly
  • Google Tag Manager
  • Google Analytics

BONUS

設計品味
Bonus 1

設計品味

由字體、顏色、對比、空間、相片及動畫，學習分辨好與壞的作品，培養設計眼光。讓你可以避開「AI 味」，做出專業的設計。

軟件開發結構
Bonus 2

軟件開發結構

學習軟件應該怎樣設計，你才能指揮 AI 做出穩定、可擴展的產品。包括後台架構、資料庫、網址、電郵及伺服器部署等知識。

受限制地區的 AI 方案
Bonus 3

受限制地區的 AI 方案

在部分地區（例如香港），申請及使用某些 AI 服務會受到限制。這個 Bonus 會教你在這些地區，一樣可以順利使用課程中的各種 AI 工具。

JavaScript 及 Node.js 基礎編程
Bonus 4

JavaScript 及 Node.js 基礎編程

想對程式語言本身有更深入的了解？我特別加入 JavaScript 及 Node.js 基礎教學，讓你更容易看懂、修改及 Debug AI 生成的程式。

額外單元：程式以外

（需額外加購）

產品開發好了。但要成功推出，還需要程式以外的東西。

在這個單元，我會教你與 AI 合作，配合軟件如 Canva 及 CapCut：

  • 設計你的產品 Logo
  • 製作網站及產品的圖片素材
  • 在Facebook Ads Library 搜集廣告靈感，制定第一個行銷策略
  • 製作產品的銷售廣告影片
程式之外：Logo、產品圖片及發佈影片

完成課程後，
你會得到

無論你是想創業、轉行，還是在工作上更會用AI，這個課程都會帶給你：

  1. 01

    Step by Step，打造一個真正上線的產品

    不是 Demo，也不是練習作品。跟著課程一步一步，親手完成一個真正有人使用的產品。

    • 產品介面
    • AI 功能
    • 會員系統
    • 資料庫
    • 部署上線
  2. 02

    讓你的產品收費營運

    學會連接收款系統，加上第一個推廣策略，你的產品可以安全地收費，有機會成為一門真正的生意。

    • Stripe 收款
    • 安全性
    • 第一個推廣策略
  3. 03

    舉一反三，建立你想要的工具/系統

    同一套AI First的開發流程，你可以用來建立，其他你想要的工具/系統。例如處理報價單的系統，重複工作的小工具等。

    • 提升生產力
    • 處理重複工作
    • 內部系統
  4. 04

    學會最新 AI 技術，不怕被時代淘汰

    這個課程教你 2026 年最新的 AI First 開發流程，學會用 Agentic AI 做一個 AI 產品。你對 AI 的理解會遠超普通人，打開新世界的鎖匙。

    • Agentic AI
    • Cursor
    • Codex
    • Claude Code
學完課程後做了不少項目。
跟著Jack的教學，step by step去做就行了，哈哈！

學生Benice Cheung

建立多個項目，如simonchau.hk, seedino.com等等

你的導師 - 鬍子Jack

- 鬍子科技學院. 創辦人
- 暢銷書<<90後的半退休生活>>作者

Yo！Vibe Coding課程終於來到 2.0 了！

這是我做過最興奮的一個課程！因為我會和你一起，開發一個正在營運、真的有人付費的產品。由介面、功能、安全性，到第一個推廣策略，我們都會一起完成！

咦？如果你還不知道我是誰，先讓我介紹一下自己！

我叫Jack！是一位來自香港的Full Stack編程員。

我擁有超過 15 年編程經驗，曾獲 Awwwards得獎認可。早年創辦自己的網頁設計公司（BURDSTROM）。也有獨立開發、營運一個 SaaS 產品 CommonRoom預約平台。

我熟悉前端與後端開發，擅長技術包括 JavaScript、PHP、VueJS、NodeJS、WordPress 等等。

除了開發，我亦熱愛教學，過去 8 年親自教授超過 500 位學生，包括小學生、中學生、成年人、長者及企業內部培訓。由實體課到網上教學，我一直致力把深奧技術簡單化，讓初學者在最短時間內，掌握核心技術。

我們的免費線上課程已經有超過 30,000 位學生報讀，付費課程學生亦超過 2,000 位。課程提供8種語言，學生遍佈全球。

很多學生都開發了自己的軟件/網站。說來慚愧，很多學生的軟件比我營運得更成功。

我非常期待，在課程的第一堂見到你，一起打開新世界的鑰匙！

導師獎項及作品

Awwwards 獎項
Awwwards 獎項作品獲國際網頁設計獎項 Awwwards 認可
Common Room 預約平台
Common Room 預約平台獨立開發及營運的 SaaS 產品，處理超過 HKD 13M+ 訂單
BURDSTROM
BURDSTROM網頁設計公司，為不同品牌設計網站及系統，客戶包括 Shiseido、Asiaone 等等

課堂目錄

歡迎你報讀此課程
Phase 0 — Vibe Coding 基礎
開發基本概念 - Frontend, Backend, Database, Domain, IP Address
開發基本概念 - Framework, Tech Stack
開發基本概念 - Responsive Design, CMS
軟體開發流程
什麼是 API?
Large Language Model (LLM)
Agentic AI
開發軟件及各種 AI Model 介紹
Chrome 基本教學
VPN 基本教學
Cursor 基本教學 - 建立及修改簡單網站
OpenRouter - 一個平台處理所有 AI Model
Programming 基本概念 - Variable
Programming 基本概念 - Functions
Programming 基本概念 - If Else, For, While
Programming 基本概念 - Array, Object
基本 Command Line
解讀 API Docs
第一個簡單項目 - 室內設計 AI實戰
Frontend Debug, 安全性與 API Key
安裝 Node.js / npm
GitHub 註冊及安裝
設立 Personal Access Token
開展新 GitHub Project
更新 GitHub Project (Push)
Git Pull
在 Coding Agent 使用 Git
Codex 基本教學
Claude Code 基本教學
Bonus — 設計品味
前言 - 設計品味
字體
顏色、對比、空間
相片
動畫
增進設計品味 - Awwwards
好的設計與壞的設計
Phase 1 — 建立產品介面
AI First 開發步驟、軟件整體架構及 Tech Stack實戰
Research 設計方向及介面實戰
建立主頁實戰
處理手機版介面實戰
轉換成 Nuxt實戰
建立所有內頁介面實戰
Phase 2 — 建立產品核心功能
建立核心功能 - 簡介
MCP & CLI
連接 Supabase實戰
建立室內設計 AI 主要功能實戰
購買網址實戰
連接 Email Server (Amazon SES / Resend)實戰
建立用戶管理系統實戰
Debug - Backend + Frontend實戰
連接 Stripe 收款實戰
部署到 Vercel實戰
測試 Stripe 收款及 Webhook實戰
軟件安全性與漏洞分析實戰
Phase 3 — 上線及正式推出
SEO Friendly 處理實戰
Favicon 及正式上線前的最後修改實戰
連接 Google Tag Manager實戰
連接 Google Analytics實戰
持續開發及自動部署實戰
Bonus — 軟件開發結構
軟體後台 - 基本架構 (Model, Route, Controller)
資料庫
網址
電郵伺服器
伺服器部署
Bonus Module 3 & 4
JavaScript 程式設計基礎Bonus
受限制地區的 AI 方案Bonus
額外單元：程式以外額外加購
程式之外：前言
建立 Logo - Canva、ChatGPT
建立網站圖片素材
我的第一個行銷策略
尋找發佈/廣告影片 Reference - Facebook Ads Library
建立影片素材 - Kling、Canva
剪輯影片 - CapCut

常見問題

  • 可以的！這個課程專為沒有 IT / 編程背景的同學而設。你只要懂得基本的電腦操作（上網、基本文書）便可。

  • 可以！這正是課程的目標。你會親手完成一個有 AI 功能、會員系統及信用卡收款的產品，並正式上線。

  • 這個課程只需用你 30 天的時間，每天大概 30-60 分鐘。

  • 軟件方面，我們建議使用 Cursor、Claude Code 或 Codex，你只需選擇其中一個使用便可。

    AI Model 方面，其實所有前沿（frontier）AI Model 都能夠處理大部分的軟件開發工作，例如 ChatGPT Sol、Claude Opus 或 Grok。

  • 有收費也有免費。課程使用的大部分工具（例如 Cursor、Supabase、Vercel、Stripe）都有免費方案。但如果你想達到最好效果，你需要 subscribe 一個 Cursor 的基本月費版(USD20/月)及會有其他少量的AI API 支出 。

  • 課堂會使用的 AI Model 大部分都沒有地區限制。然而，一些服務在某些地方（例如：香港）會有限制，課程的 Bonus Module 4 會教你在這些地區的解決方案。

  • 你可以使用 Stripe / 信用卡。

  • 沒有。你可以終生，隨時隨地，利用電腦或手機學習或重溫內容。

  • 有關這個課程學習上的問題，都可以 Email 到 info@mtache.com 去發問。

迎接新時代，擁抱AI開發的力量

30日，0程式經驗，用AI開發一個真正上線、可收費的產品。
學會一個，你就能做出下一個你想要的系統/工具

今天，你可以得到：

Vibe Coding 2.0 開發魔法課

- Phase 0：Vibe Coding 基礎 價值：USD199
- Phase 1：建立產品介面 價值：USD149
- Phase 2：建立產品核心功能 價值：USD399
- Phase 3：上線及正式推出 價值：USD149
- 完成作品：GoGoSpace AI 完整產品 價值：USD299
- Bonus 1：設計品味 Design Taste 價值：USD199
- Bonus 2：軟件開發結構 Software Engineering Taste 價值：USD99
- Bonus 3：JavaScript 程式設計基礎 價值：USD99
- Bonus 4：受限制地區的 AI 方案 價值：USD29

原價： USD1,621

今天報讀，只需USD399 USD149
(一次購買，終身觀看)

學生評價

2205+ 學生已報讀我們課程。當中不少已成功轉行IT，接Freelance賺外快，建立自己的軟件/產品。
以下是他們其中的一些評價...

我本身在大學是讀心理學的。
但當接觸網頁開發後，發覺挺有趣的。因為你可以自己很快的去建立一個產品。我很喜歡專心去開發一個產品的感覺。因此我上完鬍子科技學院的課程後，抉定Fresh Grad第一份工是做網頁開發，投身IT界。

學生Howard Yiu

建立超過20個網站，如idffhk.com, globallink.com.hk等等

投資自己，走在AI時代的最前端

學習利用最新的 AI First 開發流程，做出一個真正上線、可以收費的產品

立即報讀>
立即報讀>