從開發到上架,用AI完成一個網站的完整流程
菜鳥救星線上真人課程簡介
為什麼要學
本課程帶你用業界常用工具,搭配 ChatGPT、Gemini 等生成式 AI,從網站規劃、前端設計、資料存取到網站上線,手把手完成一個屬於自己的網頁專案。不會寫程式沒關係,AI 就是你的開發助手,學會實戰技巧,打造實用又有質感的網站!
學習痛點
- 想架網站卻不會寫程式,無從開始。
- 聽過很多 AI 工具,但不知如何應用在開發中。
- 對資料庫、API 等技術概念感到困惑,不知如何應用。
- 架好網頁後,不知道如何串接網域與上架。
學習完後,你能獲得……
- 熟練使用ChatGPT、Deepseek等AI工具。
- 了解網站部署到 GitHub,並綁定自有網域。
- 學會使用 AI 輔助開發網頁,從程式碼生成到錯誤修正,提升開發效率。
- 掌握資料存取技術,無需後端知識即可操作資料庫。
課程大綱
學習目標:認識會使用到的業界開發工具及使用方法。
- 單元1:介紹開發環境及軟體
- 單元2:註冊 Cursor、Github
- 單元3:下載安裝 Cursor、Github
- 單元4:軟體常用功能操作教學
- 單元5:介紹基本網頁檔案格式
- 單元6:了開發網頁不寫程式也必須知道的事情
學習目標:認識各個AI平台,選擇適合的AI平台規劃網站專案,認識網站專案
- 單元1:註冊五大AI 工具(ChatGPT、Deepseek、Gemini、xAI、Claude)
- 單元2:各平台功能與差異比較
- 單元3:如何用 AI 協助網頁專案規劃與架構設計
- 單元4:一人團隊 vs 多人協作網站建置差異 5.常見版型、區塊、互動元件快速認識
- 單元5:常見版型、區塊、互動元件快速認識
學習目標:簡單教學一般規劃網頁專案的流程及注意事項,達到節省開發成本
- 單元1:API 開發 VS 靜態網頁:適用場景與選擇建議
- 單元2:簡化、節省資源的開發策略
- 單元3:與 AI 協作建立第一個網站範本
- 單元4:建立 AI 開發規則,提升溝通準確度
- 單元5:利用流程規劃工具整理網站邏輯
學習目標:正式使用Cursor開發第一個網站,並且將網頁區塊、元件調整到接近需求的樣子。
- 單元1:區塊式開發流程與版型調整技巧
- 單元2:利用 AI 輔助開發、生成網頁元件
- 單元3:實作互動表單、使用者輸入功能
- 單元4:如何從 AI 生成的程式碼中學習、理解核心概念
學習目標:使用MAKE連線資料庫,網頁可以發送資料,設計資料格式
- 單元1:註冊與操作 MAKE 平台
- 單元2:使用模組設計自動化流程
- 單元3:用Google Sheets建立資料庫
- 單元4:JSON資料格式設計
- 單元5:網頁發送表單資料
- 單元6:MAKE接收接收並新增到資料庫
- 單元7:回應使用者
- 單元8:延伸資料管理知識與應用場景介紹
學習目標:新增一個處理資料的頁面,並且向MAKE呼叫並讀取資料
- 單元1:將資料串接流程延伸至資料查詢、修改、刪除
- 單元2:實作資料檢查與錯誤處理
- 單元3:介紹及安裝Visual Studio Code
學習目標:學習網域購買及網址知識及設定,使用Visual Studio Code開發新的頁面,並設定網名連結過去
- 單元1:認識常見網域平台與購買流程
- 單元2:網域設定實作與連結你的網頁
- 單元3:介紹 API 串接方式與成本評估
學習目標:使用Github讓網頁上架,網頁伺服器基礎知識與架設在Github的差別,介紹進入步入業界需要的功能跟如何練習
- 單元1:如何用 GitHub 免費部署網站、串接網域
- 單元2:認識伺服器基本概念與選擇建議
- 單元3:常見商業網站功能與延伸學習資源介紹
誰適合學
- 🆕 零網頁基礎初學者
- 🧠 想用 AI 輔助開發的人
- 👨💻 前端/後端工程師
- 🧩 小型開發團隊專案執行者
課程優勢/課程亮點
- 🤖 整合五大熱門 AI 工具:深入解析 ChatGPT、Deepseek、Gemini、Claude、xAI 等平台差異,學會怎麼選、怎麼搭配、怎麼用在實作上。
- 🔧 學會 AI 提詞技巧,提升開發效率:掌握如何與 AI 工具有效對話,學會下開發任務指令,減少溝通成本,大幅加快開發進程。
- 🛠 真實開發流程完整還原:從開發環境設置 → AI 協作建站 → MAKE 自動化資料處理 → 網域串接與上架,完整再現業界開發流程。
- 🪄實作導向,打造可上線作品:課程最終會產出一個可實際使用、具備互動功能並上架的網站範本,課後可直接延伸應用或修改成商業用途
關於講師:吳英豪/香腸
Q&A
一台可以上課的電腦或筆記型電腦。
每堂線上直播課程,課後隔天18:00後,均可以在雲端教室直接查看影片,可於線上一年內無限重複觀看,不用擔心漏掉任何一個細節。且經大部份使用者回饋,在下次課程開始前,重新複習上次課程內容,學習效果會更好喔。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
依照個人意願開鏡頭,希望大家都可以開麥克風跟我互動喔。
歡迎至常見問答頁面查詢,或是加入line帳號:@lccedu,與我們聯絡喔!
注意事項
- 收到款項後,若不克參加申請退費,請參閱退費規則。
- 本課程結合講師職場實務經驗傳授,習者請反覆演練運用,並配合上課作業實作。
- 課程執行單位保留調整課程內容、日程與講師之權利。
優惠價
NT$6,000