取消
熱門關鍵字
AI

推薦課程
facebook廣告實戰全攻略
EXCEL 365基礎必修課
購物車是空的!
探索課程

從開發到上架,用AI完成一個網站的完整流程

AI 網頁開發全攻略:從零基礎到網站上架

課程時數21hr
開課日期2025/11/03(一)
上課時間19:00 ~ 22:00
優惠價
NT$6,000
NT$12,000

菜鳥救星線上真人課程簡介

 

為什麼要學

 

學習完後,你能獲得……

 

課程大綱

學習目標:熟悉主流開發工具與環境,掌握基礎操作與檔案規範
  • 單元1:認識開發環境與常用軟體
  • 單元2:註冊並安裝 VS Code、GitHub
  • 單元3:VS Code 常用功能與擴充套件操作
  • 單元4:基本網頁檔案結構介紹
  • 單元5:JSON 與 Form 在 AI 網頁開發的應用
學習目標:理解各大 AI 平台特性,運用 AI 提升專案規劃與設計效率
  • 單元1:註冊四大 AI 工具(ChatGPT、Gemini、Mistral、Claude
  • 單元2:利用 AI 協助網站架構與規劃流程
  • 單元3:認識常見版型、區塊、互動元件
  • 單元4:API 串接基礎概念與流程
作業
  • 使用AI規劃「網站專案規劃文件」,搭配AI生成程式碼串接API
學習目標:以 JSON 為核心,掌握網站專案規劃與 AI 協作開發流程
  • 單元1:使用 JSON 規劃網站並建立第一個範本
  • 單元2:設定 AI 開發規則,提升溝通準確度
  • 單元3:結合 AI 與規劃工具整理網站邏輯
  • 單元4:版型調整與 AI 協助開發流程介紹
  • 單元5:初步理解 AI 在前端開發的應用層面
作業
  • 使用JSON格是規劃網站布局,並使用AI生成
學習目標:運用 MAKE 平台與 AI,建立可互動的網頁頁面
  • 單元1:註冊並操作 MAKE 自動化平台
  • 單元2:使用模組設計基本自動化流程
  • 單元3:AI 輔助生成網頁元件與互動設計
  • 單元4:實作表單輸入與資料傳送功能
  • 單元5:從 AI 生成程式碼中學習核心開發概念
作業
  • 簡單製作一個可以讀取資料的頁面,搭配MAKE使用網頁去呼叫並取得資料
學習目標:整合資料庫與 MAKE,實現資料存取與應用
  • 單元1:介紹 Supabase 並建立資料庫
  • 單元2:設計 JSON 與表單欄位結構
  • 單元3:MAKE 接收並寫入資料庫
  • 單元4:實現資料回傳與使用者互動
  • 單元5:延伸資料管理與常見應用場景
作業
  • 建立資料表,使用Google Sheets紀錄每個資料庫欄位的功能用途
學習目標:掌握網站上架流程,新增資料處理頁面並實作資料操作
  • 單元1:資料查詢、修改、刪除流程實作
  • 單元2:資料檢查與錯誤處理方法
  • 單元3:使用 GitHub 免費部署網站
  • 單元4:認識 Cloudflare 網站架設方式
作業
  • 將網站網址分享,備註遇到的困難或缺點。
學習目標:理解伺服器與網域管理,模擬業界實際上線流程
  • 單元1:進階資料庫設計(電子商務案例)
  • 單元2:常見網域平台介紹與購買流程
  • 單元3:網域設定與連結新頁面實作
  • 單元4:認識其他可用於網頁開發的 AI 平台

誰適合學

 

關於講師:吳英豪/香腸

關於講師:吳英豪/香腸

 

Q&A

一台可以上課的電腦或筆記型電腦。
每堂線上直播課程,課後隔天18:00後,均可以在雲端教室直接查看影片,可於線上一年內無限重複觀看,不用擔心漏掉任何一個細節。且經大部份使用者回饋,在下次課程開始前,重新複習上次課程內容,學習效果會更好喔。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
依照個人意願開鏡頭,希望大家都可以開麥克風跟我互動喔。
歡迎至常見問答頁面查詢,或是加入line帳號:@lccedu,與我們聯絡喔!

 

注意事項

  1. 收到款項後,若不克參加申請退費,請參閱退費規則。
  2. 本課程結合講師職場實務經驗傳授,習者請反覆演練運用,並配合上課作業實作。
  3. 課程執行單位保留調整課程內容、日程與講師之權利。

 

課程留言板

排序方式:
優惠價
NT$6,000