購物車是空的!
探索課程

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

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

課程時數24hr
開課日期2025/08/13(三)
上課時間19:00 ~ 22:00
優惠價
NT$6,000
NT$12,000

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

 

為什麼要學

 

學習完後,你能獲得……

 

課程大綱

學習目標:認識會使用到的業界開發工具及使用方法。
  • 單元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:常見商業網站功能與延伸學習資源介紹

誰適合學

 

關於講師:吳英豪/香腸

關於講師:吳英豪/香腸

 

Q&A

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

 

注意事項

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

 

優惠價
NT$6,000