時長 · 11:45
【10分鐘成就解鎖】唔洗識寫 Code！用 Gemini AI + Firebase 零成本專業公司網站 🌐 想擁有自己嘅公司或個人網站，但又唔想嘥錢請人整？今日 DMP 深度學習教你用最強 AI 助手 Gemini (Canvas) 配合 Google Firebase，由零開始整好一個專業、靚仔、而且「真正上到網」嘅 Landing Page！ 我哋唔單止教你點樣用 Vibe Coding（純日常語言溝通）叫 AI 寫網頁，仲會實戰演示點樣整埋一個可以「真係收倒客 Email」嘅查詢表單 (Contact Form)。無論你係創業者、Freelancer 定係想轉行嘅朋友，呢條片絕對係你嘅「網頁製作全攻略」！ 🔥 立即訂閱 DMP 深度學習，解鎖更多 AI 實戰技巧：https://www.youtube.com/@DeepMindProNet 📌 影片章節 (Timestamps) 0:00 影片精華及核心理念 0:20 如何啟動 Gemini Canvas 寫網頁 Code 1:11 AI 溝通攻略：點用專業術語提升網頁質素 3:11 Firebase 雲端空間設定教學 4:36 環境準備：Node.js 安裝與路徑設定 5:36 十步之內！將網頁正式上傳到網絡 (Firebase Deploy) 8:14 進階優化：SEO、無障礙標準與微互動提示詞 9:17 功能實測：用 Formspree 製作真正收得倒 Email 的表單 11:12 結語：擁抱 Vibe Coding 新時代 🛠️ 本集資源與相關連結 【必讀】提示詞 (Prompts) & 步驟筆記下載： Firebase Console： https://console.firebase.google.com/ Node.js 下載： https://nodejs.org/ Formspree 註冊： https://formspree.io/ 設計靈感參考 (Pinterest)： https://www.pinterest.com/ 💡 點樣整到個網更加專業？（進階提示詞術語） 想 Gemini 幫你寫出業界水準？試下加入呢啲關鍵字： Mobile First Responsive Design： 確保手機瀏覽流暢 Semantic HTML： 提升搜尋引擎排名 (SEO) Clean Code & Solid Principles： 程式碼易於維護 Accessibility (A11Y)： 符合無障礙標準 Micro Interactions： 增加動態 UI 反饋 🎙️ 關於 DeepMind Pro 我們專注於分享最新、最實用的 AI 技術與數位工具，旨在幫助每一位學習者與職場專業人士在 AI 時代實現效率翻倍。透過深入淺出的教學，將複雜的技術轉化為日常可用的「超能力」。 👉YouTube頻道： https://youtube.com/@IDeepMindPro 👉加入Discord AI 交流群組：https://discord.gg/c9mU8eTxV 👉影片筆記：https://deepmindpro.net/
