此為 2016 年舊文，於 Medium 整理重刊。本站收錄為摘要重點版本；完整原文請參考 Medium 連結。

課程上線的初衷

在課程上線滿一個月時，看著已經累積到 1,667 名學生，反思這段準備過程的艱辛。最初開課的動力來自一個簡單的痛點：「寫網頁好難喔……每次看線上程式教學，都在講解功能沒講怎麼完成一個好看的網頁」。這句話道出了許多初學者的共同困境 — 雖然學會了工程師思維，卻無法掌握視覺和排版的呈現。

三年的自學與成長

我透過數十個專案的實戰歷練，逐步深化技能：從基礎的 HTML/CSS，到 JavaScript、SVG 動畫，再到物件導向設計與前端框架。這個過程中，我發現自己從被動使用工具（如 Adobe Animate 和 Bootstrap）轉變為主動理解原理，能夠用基礎語言打造精美互動效果。

課程設計的革新

原本規劃 13 堂課程，但在實際錄製過程中，我意識到這個架構遠不夠深入。如果稀哩呼嚕一堂講了兩個小時，誰聽得懂。為了讓學習更有趣且易於理解，課程最終擴展到 90 多堂，每堂 5–10 分鐘（後期超過 20 分鐘），強調「想要達成什麼效果」而非單純的「怎麼做」。

核心教學理念

我決定「用設計的角度去教程式」，將每個範例都設計成完整的實作案例，涵蓋從頭到尾的網頁開發流程、問題排除與視覺調整。這套方法希望幫助設計師在短時間內理解程式原理，融合既有的設計能力達到新的境界。

關於知識分享的反思

針對有人質疑為何願意大方分享專業知識：有有趣的對手交流較勁比自己獨鬥有趣。同時自己也從未停止學習和進步。分享知識能夠推動整個業界向前發展，這遠比守著一點技能更有意義。

設計與程式的結合

台灣傳統職場中設計師被動執行的問題，根本是「溝通」。網頁本質是溝通媒介，當設計師學會程式技能後，能夠自產素材、實現動態效果 — 這種跨領域能力是「新時代的雜學」。

課程成果與願景

截至文章發表時，已有 1,600 多人修課，超過 100 人完成了第一個專案。學生交出來的動態網站作品，全是靠程式刻出來的互動作品。最後想說：如果有朝一日能夠讓即使 1% 的人開始踏出自己的領域，我也滿足了。