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 推广广告

学好用 AI 开发，你可以做到什么？

做你自己的产品或 Side Project

把脑海中的 idea，亲手变成一个真正上线、可以收费的产品。

建立内部工具

例如报价单系统、库存管理，或者帮你处理重复工作，自动化的小工具。

为小店或机构建立网站及系统

为家人朋友的小店，或者你所属的机构，建立网站、预约或会员系统。

不用找人报价，自己就做出来

以前想做一个网站，要找人报价、等人有空。现在你可以自己动手，从 idea 做到上线。

用 AI 推动公司的工作流程

公司都在找懂 AI 的人。学会与 AI 协作开发，你可以把 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 / 编程背景的同学而设。你只要懂得基本的电脑操作（上网、基本文书）便可。

  • 这个课程专为 0 基础初学者而设。每天只需 30-60 分钟，跟着视频 Step by Step 去做便可。学习途中如果卡住，你可以 Email 到 info@mtache.com，我们的导师会为你提供支持。

  • 没关系，你不需要先有 idea。课程会先带你完整做好一个真正上线的产品（GoGoSpace AI）。当你掌握了整套开发流程，便可以把它应用到你自己的 idea 上。

  • 可以！这正是课程的目标。你会亲手完成一个有 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 开发流程，做出一个真正上线、可以收费的产品

立即报读>
立即报读>