過往活動

與青年成就香港部 (JAHK) 合作舉辦Vibe Coding 工作坊:學生用 AI 建立App、網站

28/3/2026

今年 1 月,我們與青年成就香港部(JAHK) 合作,為來自 14 間中學的學生舉行了一場 Vibe Coding 工作坊。活動於 2026 年 1 月 31 日進行,約 90 名中二至中四學生參與,在 3 小時內,用 AI 工具把點子帶到現實,不但進行創作更加和同學展示成果。

近年政府積極推動將AI融入不同學科的教與學,不少學校亦開始思考:除了開設 AI 課程外,AI 還可以如何成為學生學習與創作的工具。這大趨勢下,Vibe Coding 逐漸成為一種新的學習方向。

什麼是 Vibe Coding?

Vibe Coding 指的是透過自然語言描述想法,再利用 AI 工具生成程式碼,快速建立可運行的網站或應用程式。

活動開始時,EDU A.I. 導師先示範如何利用 AI 工具生成一個簡單的網頁應用,例如一個小型測驗網站。學生了解到,只要用自然語言描述需求,AI 便可以生成網頁程式碼,並在瀏覽器中運行。

之後學生便開始小組創作。每組同學先構思一個與循環經濟或可持續發展相關的概念,再利用 AI 工具逐步建立網站的基本功能與頁面。在短短幾小時,不少學生已經能夠建立出可以運行的網頁原型。

AI創作激發想法

整個活動中,最令人印象深刻的是學生提出的不同想法。

有學生設計了一個類似「淘寶」的二手交易平台;亦有小組建立一個平台,讓餐廳把剩餘食物捐贈給有需要的人。另一組同學則設計了一個專為長者而設的抽獎遊戲,希望為長者提供簡單的娛樂。也有學生建立與茶文化相關的平台,讓用戶交換不同種類的茶葉。

不少學生其實沒有任何編程經驗,但在 AI 工具的協助下,他們仍然可以把想法快速變成可以展示的作品。完成第一個版本後,不少學生亦會主動嘗試修改提示,讓 AI 加入新的功能或改善設計。

這樣的過程中,我們留意到,當技術門檻降低後,學生更容易把注意力放在想法與設計上,例如如何設計一個有用的平台,或如何改善使用體驗。不少老師在活動後也分享了一個觀察:當學生看到自己的想法能夠被快速實現,他們往往會更願意深入理解背後的技術。

隨着 AI 技術逐步融入教育環境,學生接觸科技與創作的方式亦正在改變。AI 不只是工具,也可能成為學生探索創意與解決問題的一個入口。

每組同學先構思一個與循環經濟或可持續發展相關的概念,再利用 AI 工具逐步建立網站的基本功能與頁面。在短短幾小時,不少學生已經能夠建立出可以運行的網頁原型。
每組同學先構思一個與循環經濟或可持續發展相關的概念,再利用 AI 工具逐步建立網站的基本功能與頁面。在短短幾小時,不少學生已經能夠建立出可以運行的網頁原型。

把 Vibe Coding 帶入校園

如果學校希望讓學生體驗 Vibe Coding ,透過短時間的工作坊讓學生建立自己的網站或應用原型,歡迎了解更多課程詳情,及與我們聯絡,了解如何把 Vibe Coding 帶入校園。

第一時間收到 AI x STEM 教育最新資源與優惠

我們會定期分享教案靈感、教育局津貼最新消息,以及最新的 STEM/AI 課程資訊。

訂閱電子通訊

更多集團動態

EDU.AI 下載指南彈窗