互動體驗展示廳

從零開始認識網頁的三大核心語言 HTML、CSS、JavaScript，透過 AI 輔助開發親手打造 ChatGPT 首頁，體驗即時資料庫、CSS 動畫，以及 AI 語音技術的真實應用場景。

保

保羅

全端開發者，熱愛分享程式教學，幫助超過萬名學員

1.5 小時

8 堂課

1,200 學員

4.8 評分

✓ 終身訪問

✓ 互動式編碼練習

✓ 完成證書

課程內容

體驗用 AI 工具一步步完成任務：給它指令、看它執行、再接著下一步。

認識前端三劍客的核心概念與分工：HTML 是骨架、CSS 是皮膚、JavaScript 是肌肉。

互動式標籤圖鑑：點擊卡片看程式碼、呈現效果與延伸知識。介紹 div、h1~h6、p、button、img 五大核心標籤。

讓網頁動起來！從最簡單的 hover 過渡效果，到完整的 keyframes 動畫，再到滾動觸發的 GSAP ScrollTrigger。

用 CSS margin 讓白色背景露出來，完成法國國旗！

想像所有網頁都不能點、不能動、不能更新。JavaScript 就是解決這個問題的。

你剛剛在 App 上按讚、看到新貼文，背後的資料庫到底發生了什麼？來看看 Firebase 後端的真面目。

親身體驗 AI 語音克隆如何被用於詐騙，了解這項技術的危險性與防範方法。