beginner · zh · online
Vibe Coding 101: build your first app
HK$1,080
From a blank prompt to an app you can open on your phone.
無需任何編程經驗！在兩小時內，你將用自然語言（中文或英文都得）親手打造一個完整應用程式，由構思、AI 生成到一鍵上線。課程以廣東話授課，附英文教材及課後錄影重溫。No experience needed — this beginner-friendly online class gets you from idea to a live app in two hours, taught in Cantonese with English materials.
Sat 14 Nov 2026, 14:00–16:00 HKT · HKVibeCode
What this class covers
- What vibe coding is, in one afternoon
- Write a prompt that names the user, the screen, and the data
- Build the first screens in Cursor
- Put a form and a list on the page
- Deploy a link you can send to a friend
- Vibe Coding with No-Code Solutions
Register interest
Leave an email or WhatsApp number. The admin console keeps a count for this class.
What you learn
- 用自然語言生成完整應用程式 Build a complete app with natural language
- 掌握 AI 提示詞的基本技巧 Prompt engineering basics
- 一鍵部署你的 App 到線上 Deploy your app in one click
- 認識香港 Vibe Coding 社群 Meet the HK vibe coding community
Curriculum
模組一：Vibe Coding 是什麼？ What is Vibe Coding?
- 認識 AI 開發工具 Meet the AI building tools
- 設定你的環境 Setting up
- 寫出第一個提示詞 Your first prompt
模組二：親手打造你的 App Build Your App Live
- 用提示詞生成介面 Generate the interface
- 加入互動功能 Add interactivity
- 即時除錯與迭代 Debug and iterate live
模組三：一鍵上線 Ship It
- 部署到正式網址 Deploy to a live URL
- 分享給朋友使用 Share it
- 下一步學習路線 Your learning path
About the instructor
HKVibeCode
HKVibeCode 創辦人，已協助超過 500 位香港 builder 用 AI 打造自己的產品。 Founder of HKVibeCode, helping 500+ Hong Kong builders ship apps with AI.
Requirements
- A laptop with internet access
- Read the level on this course before you enrol
- Time to try the exercises