從零基礎到獨立開發,掌握 Vibe Coding 讓 AI 手把手教到會,輕鬆做網頁!
菜鳥救星線上真人課程簡介
為什麼要學?
AI 時代來臨,看著別人一個個做出厲害的應用,自己卻不知從何著手?這門課專為非技術背景打造,幫助你突破瓶頸,解決以下學習痛點:
- 🚫 想自己做 Side Project 網頁,卻完全不會寫程式,一看到原始碼就頭痛。
- 🚫 買了各式各樣的 AI 工具(ChatGPT、Claude、Gemini),卻只會用來純聊天,無法產出實際的數位產品。
- 🚫 遇到 AI「降智」或頻繁改版就手足無措,不知道如何選擇正確的 AI 模型來應對不同任務。
- 🚫 開發過程遇到 Bug 就卡關,看不懂錯誤訊息也沒人可以問,最後只能半途而廢。
- 🚫 想串接真正的 AI API 讓網站具備智慧,卻不知道如何隱藏機密金鑰,深怕被盜刷。
學習完後,你能獲得……
- 一個完全由你主導開發、具備精美 3D 翻轉動畫與真實 AI 運算能力的「星空占卜師」網頁作品。
- 真正具備「用嘴寫程式」(Vibe Coding)的實戰能力,未來能獨立開發各種小工具(如待辦清單、記帳器等)。
- 像資深科技人一樣的除錯(Debug)超能力,學會看懂架構圖、用貼圖引導 AI 修正 UI 介面。
- 將本地端程式碼部署至雲端,並設定網域分享給他人的完整實務經驗。
課程大綱
學習目標:建立 AI 工具使用策略,並搭建專屬開發基地。
- 單元1:AI 大廠競賽故事與工具選擇策略(Gemini vs Claude vs ChatGPT)
- 單元2:認識 AI 幻覺與正確的協作防護心法
- 單元3:Antigravity 2.0 介面導覽與開發資料夾設定
- 單元4:成為產品經理:Vibe Coding 核心概念與下指令黃金公式
作業
- 用語音召喚出你的第一版「深色星空占卜網頁」HTML/CSS 骨架。
學習目標:學會多線程協作,處理進階動畫與抽卡邏輯。
- 單元1:PM 專案拆解技巧:將大需求切分為獨立子任務
- 單元2:啟動 Multi-Agent:同時開發前端樣式與 JavaScript 抽卡邏輯
- 單元3:加入 3D 平滑翻轉動畫與光影特效
- 單元4:利用瀏覽器功能,讓 AI 自我除錯與驗證結果
作業
- 完成 22 張塔羅牌大阿爾克那陣列邏輯,並確保卡片點擊後能順利翻轉。
學習目標:串接真實 AI 大腦,並保護機密資訊。
- 單元1:取得並設定 Google AI Studio 的 Gemini API Key
- 單元2:撰寫精準的 Prompt,讓 AI 化身神秘占卜師進行解讀
- 單元3:網路安全必修課:為什麼不能把 API Key 寫在前端?
- 單元4:使用 Google Apps Script (GAS) 建立後端代理與部署
作業
- 將你的占卜網站接上 GAS 後端,確保能成功呼叫 AI 並隱藏金鑰。
學習目標:掌握 Git 時光機與 GitHub Pages 部署,讓產品正式發布。
- 單元1:AI 開發的 Debug 超能力:畫架構圖與貼圖改 UI
- 單元2:Git 版本控制基礎(init, add, commit)與歷史回溯
- 單元3:將專案推送至遠端 GitHub Repository
- 單元4:開啟 GitHub Pages 設定,取得專屬上線網址
作業
- 將完成的 AI 占卜師網頁正式部署,並將連結分享給朋友測試。
誰適合學
- 文科生與非本科自學者:完全沒碰過程式,但希望突破技術高牆,能將腦中想法快速變成數位產品的人。
- 企劃與產品經理 (PM):需要瞭解軟體開發邏輯、想親自動手製作 Prototype,以利與工程師順暢溝通的職場人士。
- 跨領域轉職者:想在履歷上增加「具備 AI 應用開發與部署能力」的 Side Project 作品,提升求職競爭力。
課程優勢
亮點一:無痛上手,不動手寫 Code
- 全程採用 Vibe Coding 氛圍編碼,教你如何用「說」的讓 AI 幫你寫出專業網頁。
亮點二:外商主管親授實戰思維
- 講師 JW 本身也是非本科系轉職,最懂新手的痛點。課程不只教工具操作,更灌輸高價值的專案拆解與除錯邏輯。
亮點三:解決真實痛點的安全性教學
- 市面教學常忽略的 API Key 外洩問題,本課手把手帶你用免伺服器的 GAS 完美隱藏,安全又免費。
亮點四:學完即獲得真實作品
- 這不是紙上談兵,跟著課程進度走,結訓當天你就能產出一個擁有獨立網址、能讓親友遊玩的 AI 占卜網站。
講師介紹
張峻維/JW
資深前端開發工程師
非本科系出身,2018 年透過自學 Python 成功轉職入行軟體工程領域。職涯軌跡橫跨台商與多國外商,擁有豐富的跨國團隊協作與技術開發經驗。目前經營自媒體「前端工程師 JW」,致力於分享「能真正創造商業價值(Money-end)」的前端技術與職涯觀點。
經歷
🏢 業界實戰經歷 (Experience)
現職:跨國外商電商平台 Frontend Leader (前端技術主管)
跨國外商經歷:具備美商、澳洲商、港商等多國外企的豐富開發與任職經驗
知名企業經歷:曾任「雄獅旅遊」前端工程師
🎓 教學與輔導實績 (Teaching & Mentoring)
成人 IT 教育培訓:現任知名電腦補習班(聯成電腦)專任講師,教授 Python 資料分析、Web 網頁開發等課程,且課程內容堅持持續更新至業界最新技術。
證照與專案輔導:曾任兒童 Python 程式語言講師,具備輔導考取 Python 與 Python ITS 專業證照的豐富經驗。
Q&A
可以。完成購買並成功付款後,系統完成開通即可登入會員帳號,進入「我的課程」開始觀看影音課程。建議購買後確認登入帳號是否與購課帳號相同,以免找不到課程。
可以。影音課程影片於平台上架留存期間,學員皆可不限次數重複觀看。你可以依照自己的學習進度安排時間,針對不熟悉的章節反覆複習,讓學習更有彈性。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
可以。只要使用可連接網路的手機、平板或電腦,登入會員帳號後即可觀看課程。若課程內容需要同步操作軟體,建議使用電腦觀看與練習,學習效果會更好。
可以。同學可以在課程留言板詢問老師問題,或是加入line帳號:@lccedu,小編會協助同學詢問老師!
可以。完成購買後,平台會依訂單資訊開立電子發票,並寄送至購買時填寫的 Email 信箱。若有統編、抬頭或發票資訊需求,建議在付款前確認資料是否填寫正確。
注意事項
- 收到款項後,若不克參加申請退費,請參閱退費規則。
- 本課程結合講師職場實務經驗傳授,習者請反覆演練運用,並配合上課作業實作。
- 課程執行單位保留調整課程內容、日程與講師之權利。
課程留言板
優惠價
NT$3,600
初級日本語:學習書寫片假名和平假名的基礎
你的第一堂爆款短影音課