AI 時代已不再需要像過去一樣很辛苦的精通 HTML、JavaScript 與 CSS 才能設計一個漂亮的網站。AI 時代只需要找對工具,就可以輕鬆設計出一個高品質網站。Google Stitch(史迪奇)就是一個專門透過 AI 來設計前端網站的開發環境,操作方式非常容易上手。
但只靠 Google Stitch 不行啊,因為他只是用來設計一套漂亮的前端頁面,我們還必須為他加上 JavaScript 程式碼,才能讓網頁「動起來」,所以還需要再配合其他 AI 工具(例如 Visual Studio Code),加上 JavaScript 程式碼就可以讓一個漂亮的網站開始運作,當然這部份一樣請 AI 出馬處理。這門課主打的就是 Vibe Coding,我們絕對不要寫一行程式碼 😁。
如果您要設計一個需要儲存資料的網站,例如活動報名網站、購物網站,那就需要後端與資料庫系統,這門課預計使用 n8n 與內建的 Data Table,目的是讓後端簡單一點,不要處理太多技術問題。所以這門課除了 Vibe Coding 外,另一個重要目標就是「示範如何使用AI開發網站的流程」,讓大家知道什麼時候該用什麼工具,什麼時候該哪種 AI 上場,尤其是 Prompt 該怎麼下。如果您已經是後端工程師,那把 n8n 換成您熟悉的後端語言應該不是什麼太大問題了。
適合對象
全程指揮 AI 主打 Vibe Coding,不用手刻程式,不用手刻網頁。雖無經驗上這門課沒有問題(關鍵 Prompt 會教您如何下),但如果對網頁前後端有概念者就有能力完成功能更多的網站。