返回教學攻略

Rap3HK / Vibe Coding Starter

識得形容,
AI 先幫到你。

唔需要先學識寫 Code。由你睇得明嘅問題開始,用香港廣東話認識網站、AI 同設計最常見嘅基本術語。

開始搵術語
01由你想做到嘅效果開始

打「網頁外觀」、「AI 作假」或者英文名稱,就可以搵到正式術語。

02先理解概念,再認識術語

每個詞都有概念拆解、判斷重點同一個具體使用情境。

03放返入完整工作流程

知道呢個概念屬於定義、設計、開發、AI 檢查定版本管理。

04複製 Prompt 即刻試

將簡單 Prompt 貼落自己嘅 AI,再按目前 project 修改內容。

From Idea to Launch

由一個想法,行到網站上線。

術語唔係獨立生字。以下七步會幫你理解每個概念通常喺邊個階段出現, 同前後步驟有咩關係。

  1. 0115 個術語
    定義目標

    釐清使用者需要、優先次序同完成標準。

  2. 0212 個術語
    選擇技術

    決定用咩技術組合,亦理解現有專案限制。

  3. 0319 個術語
    設計體驗

    安排資訊主次、畫面結構同不同裝置體驗。

  4. 0456 個術語
    建立前端

    將內容、樣式同互動變成使用者見到嘅頁面。

  5. 0518 個術語
    連接資料

    處理伺服器邏輯、API 同需要保存嘅資料。

  6. 0638 個術語
    AI 協作與檢查

    提供清楚上下文,控制成本並核實 AI 結果。

  7. 0712 個術語
    版本管理與發布

    記錄改動、隔離風險,再準備測試及上線。

完整學習版:收錄 170 個原創術語,重新整理成 10 個學習分類。 每個術語都有流程位置、實際 use case 同一段可以直接複製嘅簡單 Prompt。

170 Term Library

170 個 Vibe Coding 術語

顯示 170 / 170