線上課程

安裝

整頁原始碼會落在 app/templates/online-course/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   導覽列與課程主視覺

   沾黏式導覽列搭配「從零到一 全端開發實戰」主標、雙 CTA、模擬播放器預覽視窗與信任數據條。

   hero
2. 2

   學習成果

   以八張卡片列出 12 週後真的做得出來的能力，從前端工程到部署上線。

   features
3. 3

   完整課綱

   六章手風琴課綱，可展開查看每章單元、時長與免費試看標記。

   timeline
4. 4

   講師介紹

   首席講師頭像卡、浮動評分徽章與四項教學經歷亮點。

   team
5. 5

   學員成果

   三則五星學員故事，附轉職成果標籤與漸層頭像。

   testimonial
6. 6

   報名方案

   自學、實戰、職涯三種方案比較，並附 14 天無條件退款保證條。

   pricing
7. 7

   常見問題與立即報名

   六題可展開的報名常見問題，結尾接上最終行動呼籲卡片。

   faq
8. 8

   頁尾

   品牌簡介、課程／學院／支援三欄連結與版權隱私資訊。

   footer