CHE-YU WU · TEACHING · 2016–2026
教學TEACHING
我既然答應了大家,我就要完整的完成這個東西。……真的燃盡生命,讓大家看見我所相信的世界。
吳哲宇,2018 年 9 月,〈釀造一門結合網頁、設計、數學與特效的線上程式課程〉
吳哲宇 2016 年在 Hahow 開了第一門線上課,十年間開了四門,上過的同學有 23,134 位。第一門錄到一半整套推翻重錄,第二門錄了一整年,第三門開錄前先收回 237 份問卷、請 28 位同學試看五週,第四門〈新媒體藝術全景課〉從 2026 年 9 月起每週二晚上直播。
每一個點是一位在 Hahow 上過他的課的同學,一共 23,134 個點,沿著勞倫茲吸引子的軌道移動。金色的 363 個是這一期新媒體藝術全景課的同學。滑鼠或手指靠近,點會讓開。
- 新媒體藝術全景課363
- 互動藝術程式創作入門3,516
- 動畫互動網頁特效入門6,233
- 動畫互動網頁程式入門13,022
人數取自 Hahow 公開資料,2026 年 10 月 16 日。
- 位同學上過他的 Hahow 課
- 23,134
- 四門課合計
- 則 Hahow 評價
- 895
- 三門錄播課,平均 4.96 到 4.98
- 課程影片
- 108小時
- 四門課在 Hahow 上的影片,全景課的回放還在增加
- YouTube 教學影片
- 84支
- 共 121 小時,頻道「哲宇寇汀吧」
- 紐約大學一對一助教輔導
- 196次
- 2018 到 2019 年,兩個學期
- 從 2016 年的第一門課算起
- 10年
01 · NOW
現在:新媒體藝術全景課
直播進行中2026 · Hahow · 直播課
新媒體藝術全景課
11 週完成 8 件作品,打造你的個人創作流
全景課是吳哲宇在 Hahow 的第四門課,也是第一門直播課。2026 年 9 月 22 日到 12 月 22 日,十一堂課每週二晚上在 YouTube 直播,同學在 Discord 交作業、問問題。課從 p5.js 的第一行程式開始,走過向量與粒子、自然的演算法、聲音與視覺,再到 TouchDesigner、體感互動與音像表演,最後一堂談怎麼跟 AI 一起把創作做下去。
課堂上拆開來講的,是他自己的作品: 《靈魂魚》、《萬物公式》、《夢境與孤寂的邊界》、《瓶中的永恆花園》。
- 時間
- 2026.09.22–12.22,每週二 19:00–21:30
- 堂數
- 11 堂,10/27、11/3、12/8 不直播,留給期中與期末作品
- 工具
- p5.js、OpenProcessing、TouchDesigner、MediaPipe、AI 工具
- 這一期
- 363 位同學
- 上課
- YouTube 直播、Discord 社群、Hahow 回放
每週二晚上直播,已開課也能加入,回放永久看。
我希望能夠把我大概這十年來……所有的記憶都留存下來。幫助任何想要入門的人,所以我會不留任何餘力的上好上滿。
吳哲宇,2026 年 9 月 22 日,全景課第 0 堂直播
十一堂
上過的 4 堂,下課後都整理成課程網站上的筆記與章節,累計 41 個互動教具、83 題課堂問答。
p5.js:在瀏覽器裡畫畫
- 0009.22(二)新媒體藝術的全景地圖
- 0109.29(二)第一個生成藝術作品
- 0210.06(二)數學之美:向量與粒子
- 0310.13(二)自然的演算法
- 0410.20(二)下一堂聲音 × 視覺:音頻分析
TouchDesigner:節點與空間
- 0511.10(二)TouchDesigner 入門
- 0611.17(二)TouchDesigner 進階
- 0711.24(二)體感互動
整合、發表與之後
- 0812.01(二)系統整合 × 音像表演
- 0912.15(二)學員作品發表講評會
- 1012.22(二)AI 協作 × 創作永續
白板
直播時邊講邊畫的白板,下課後原圖收進課程筆記。






同學做出來的
第 0 到 2 堂的作業,作者名是同學在課程社群用的名字。點作品到 OpenProcessing 看程式跑起來。
「實際操作外,也有解說原理,也延伸分享很多其他可能性,跟以往的學習經驗相比,覺得這樣學起來變得比較有趣~不只是學會模板~更有想像空間~」
全景課・第 0 堂課後回饋「面對程式小白,老師鼓勵我們,沒有打擊挫敗我們」
全景課・第 2 堂課後回饋「從蓋印章到粒子系統,感覺像是跨了一個世界XDD」
全景課・第 2 堂直播聊天室「果真不是門檻低的課,但有你來教學,希望自己可以學會。」
全景課・第 0 堂課後回饋
02 · COURSES
三門錄播課
新的在前。人數與評價取自 Hahow 公開資料(2026 年 10 月 16 日)。

2020 · Hahow · 錄播課
互動藝術程式創作入門(Creative Coding)
- 3,516
- 位同學
- 4.98
- 評分(105 則評價)
- 17.6
- 小時影片
- 76
- 個單元、15 個作業
第三門課在吳哲宇從紐約大學畢業那年上線。課用 p5.js 和 OpenProcessing 教,程式全部寫在瀏覽器裡,不用安裝,從線條、色彩、迴圈一路做到向量、噪聲、粒子與 3D。開錄之前他先發問卷,收回 237 份,再請 28 位同學一週一個單元試看五週。那時他人在紐約,課是遠端錄的。作業交到 OpenProcessing,他要同學附上一段說明:原本想做什麼,結果在哪裡失敗。
在做這些創作的時候,不要怕失敗。
吳哲宇,2020 年,〈互動藝術程式創作入門〉第一個單元
「老師不會用艱澀的邏輯基礎來開頭,而是以實際的演示讓人直接觀察到程式碼產生的效果。」

2017–2018 · Hahow · 錄播課
動畫互動網頁特效入門(JS/Canvas)
- 6,233
- 位同學
- 4.98
- 評分(225 則評價)
- 51.4
- 小時影片
- 84
- 個單元、15 個作業
這門課起於一次直播。講到三角函數時,留言區有人說數學太難,不如放棄去做視覺。出國唸書前,吳哲宇花了一整年錄這門課,從 2017 年 8 月錄到 2018 年 8 月:向量、三角函數、極座標,一路做到粒子系統、遊戲與 Three.js。六十多個範例,每一個先做視覺設計再寫程式,投影片做了四百多張。錄音多半在半夜,錄到天亮,白天照常上班、趕案子。
兩個小時的範例,但我用了將近兩個禮拜完成。
吳哲宇,2018 年 9 月,〈釀造一門結合網頁、設計、數學與特效的線上程式課程〉
「從完全不會寫程式,到現在成為一個外企的全棧工程師,這門課是我coding啟蒙的關鍵。」

2016 · Hahow · 錄播課
動畫互動網頁程式入門(HTML/CSS/JS)
- 13,022
- 位同學
- 4.96
- 評分(565 則評價)
- 29.1
- 小時影片
- 88
- 個單元、8 個作業
第一門課的起點,是吳哲宇自己學網頁時的不滿:線上教學都在講功能,沒有人講怎麼完成一個好看的網頁。他從版面、配色講起,帶到動畫、RWD 與 Vue.js。原本的大綱是十三堂,錄下去發現方向不對,整套推翻,重新規劃成九十多堂,每一堂從預計的 5 到 10 分鐘,常常拉長到二十分鐘、一個小時,為了把完整的思考過程與設計脈絡講出來。上線的版本是 88 個單元、29 小時。
我想要用設計的角度去教程式。
吳哲宇,2016 年的課程長文(2018 年發表)
「我幾年前從零開始學網頁設計,對於程式一竅不通,因為這門課才能做出自己的作品集,後來也成功找到工作……現在已經從網頁設計再轉職到前端,目前是個資深前端工程師。」
03 · MAKING
一門課是怎麼做出來的
每一條都查得到出處:他當年寫的課程長文、助教紀錄、課程網站與 Hahow 公開資料。
- 2016
推翻重錄
第一門課原本的大綱是十三堂,錄下去發現方向不對,整套推翻,重新規劃成九十多堂。上線的版本是 88 個單元、29 小時。
- 2017–2018
一整年
第二門課錄了一整年:3,085 分鐘、六十多個範例、四百多張投影片,錄音多半在半夜,錄到天亮。
- 2018–2019
在紐約當助教
在紐約大學整合數位媒體系的兩個學期,他做了 196 次一對一輔導、約 122 小時,輔導約 50 位同學,並自己建了預約、輔導日誌與每週報告的制度。
- 2019–2020
先問,再錄
第三門課開錄前收回 237 份問卷,再請 28 位同學一週一個單元試看五週。
- 2016–2023
回答問題
三門錄播課的討論區,他本人回答過 342 題。2019 年起另外建了助教制度,由助教負責問答、office hour 與改作業,每週回報。
- 2026
把課寫成網站
全景課每一堂下課後,他把直播整理成課程網站上的筆記、章節時間與互動教具。前四堂累計 41 個互動教具、83 題課堂問答、92 件同學作品。準備第 4 堂〈聲音 × 視覺〉時,他把自己寫的開源音像套件 oav-p5 從 0.2 版更新到 0.7 版。
在錄製課程時總是花很多的時間在不斷順內容,不斷重錄,以及一直修改投影片。
吳哲宇,2018 年 9 月,〈釀造一門結合網頁、設計、數學與特效的線上程式課程〉
為了教而寫的工具
04 · VOICES
學生怎麼說
Hahow 三門錄播課的公開評價共 895 則,這裡放其中 100 則,名字照 Hahow 上的顯示名。
4.96–4.98Hahow 評分・895 則評價
- ★★★★★大推!
老師的節奏循序漸進,每個步驟都講解非常清楚,不管是想從0開始或是想精進技能,都是網頁工程師、網頁設計師的必修課!而且跟著作業做完已後,就有超高質量的作品集,找工作或實習都變得輕鬆很多!
Cat Tea動畫互動網頁程式入門・2022 - ★★★★★絕佳好課程
老師豐沛的視覺設計及程式知識,無私教授令我感受到想提昇學生專業技能的用心,此次課程講解很多在基礎上的觀念,需一再重複複習與思考,課程範例比上次更加精采絕倫,非常推薦想進入前端網頁程式自我提昇的人,必、有、收、穫。(好老師不多了,還好我們眼前有一個,真的很幸運。)
Ginger Pai動畫互動網頁特效入門・2019 - ★★★★★好課值得推薦!
老師的口條清晰、課程規劃循序漸進、內容豐富實用、講解方式清楚易懂。前面課程提到的觀念,後面老師操作的時候會常常複習,寫程式的當下也會分享他的一些習慣與經驗、說明為什麼這麼做。而且老師做出來的作品很賞心悅目,看著很多同學們的作品也令人驚艷。
Jane Lin動畫互動網頁程式入門・2019 - ★★★★★課程安排適合初學者也適合想學進階網頁設計的設計師
本身已有基礎的網頁設計與平面設計概念,上起課來卻還是覺得每節課收穫滿滿。 一直想學動態網頁卻找不到一個有系統的學習資源,跟我有一樣困擾的人來上這個課程就對啦!
YoYoFish動畫互動網頁程式入門・2016 - ★★★★★很棒的前端設計入門課程
老師以設計的角度切入課程,以美觀的網頁設計為目標。 不只教授基礎的HTML/CSS/JavaScript,還有前端框架Vue.js的進階課程, 還提供網頁規劃的寶貴經驗,從架構規劃、Wireframe、配色、排版到網頁產出等從無到有的實務流程。 非常物超所值。
Wen-Sheng Lin動畫互動網頁程式入門・2020 - ★★★★★超讚超高CP值的課程
老師將程式設計和藝術完美融合,非常全面的手把手教導網頁開發的各個環節,上完這堂課,就多了一項技能,無論接案或找工作都不在話下。尤其如果照著老師的章節,每個專案作業都有跟著做,做完就有一套超完整又漂亮的作品集了!只能說太神了!
Cat Tea動畫互動網頁特效入門・2022 - ★★★★★邁向前端設計師的最佳課程
本業是網頁設計師,但本來只停止在視覺設計、程式只是略懂。這門課是剛入廣告業時買的第二門課程,因為有了老師的課程,程式不再只是套用、修改,而是真正的撰寫,真的受益良多、也因此升遷加薪了不少!
aneko2015動畫互動網頁程式入門・2018 - ★★★★★兼顧紮實與有趣
循序漸進,每個範例都非常有成就感,涵蓋程式入門知識、視覺設計規劃、以及一般比較少提的購買網域和租虛擬主機上傳作品
Jhih-Sian Wu動畫互動網頁程式入門・2018 - ★★★★★生成藝術中文課程唯一選擇
內容深入淺出,將學習重點結合範例清楚呈現,無論是未接觸過生成藝術的初學者或是已有相關基礎的人,聽完課程都能更進一步了解生成藝術並獲得創作上的靈感。我將學習作品上架到哲宇老師介紹的fx(hash)做成NFT,看到自己的創作實際賣出時非常有成就感!推薦給大家!
翁瑞廷互動藝術程式創作入門・2022 - ★★★★★內容豐富,CP值極高的好課程
課程內容真的非常多,第一次看到國內有這麼好的課程,循序漸進從 CSS 、 JavaScript 還有 Vue 的動畫教學,就算是網頁新手也可以輕鬆入門,上過課之後我也嘗試在自己做的網頁裡加上一些自製的小動畫,也正在自學 PixiJS 想了解動畫框架。非常值得推薦
Kalpas Wang動畫互動網頁特效入門・2022 - ★★★★★課程非常紮實,老師講課非常清楚
老師的邏輯跟概念非常清楚,且影片中反覆提醒重要的觀念,從第一單元到最後一個單元沒有冷場。課程內容非常棒,若是剛入門的初學者很推薦買這堂課,物超所值。
jiuky動畫互動網頁程式入門・2020 - ★★★★★適合沒有任何基礎的網頁初學者!
老師很細心,前面講到的觀念在後面的課程也會不斷提醒,對於設計師剛轉寫程式的我來說是奠定基礎非常好的一堂課!
8870動畫互動網頁程式入門・2021 - ★★★★★用程式創作藝術
用程式創作藝術真的蠻有趣的 老師很有耐心的解說各種生成藝術的方法 好多關係到數學 以前不知道學三角函數可以幹嘛(這裡用到了! 數學好難阿~
yachir互動藝術程式創作入門・2022 - ★★★★★讓過去枯燥的程式Coding 演變成充滿藝術創意的舒壓課程
自己是一個底層網路工程師,自從開始接觸老師開設的Creative Coding, 在工作之餘也開始學著如何用Creative Coding, 創造自己的畫面 原來程式與藝術可以這樣結合, 超推薦這個課程 讓宅男可以變成藝術創作者
Tony Chiang互動藝術程式創作入門・2022 - ★★★★★一生推的課
一直對網頁有興趣,但又沒有系統性地學搞得自己很混亂,直到上了這堂課才真的有對網頁有一點點的瞭解了! 這堂課很適合新手,雖然課堂時間很長,但老師講解的很仔細,只要跟著老師一步一步做,進步真的很快!也很有成就感~!
chichi動畫互動網頁程式入門・2022 - ★★★★★物超所值的好課程!
雖然我只有很基本的網頁基礎但透過課程還是能漸漸上手,教學過程中會一再提點各種小技巧或之前教過的內容,另外老師說話的語速適中講解清楚,練習的範本也一併兼顧美感所以做完會很有成就感!非常謝謝老師~
Yuan動畫互動網頁程式入門・2019 - ★★★★★哲宇老師的課程讓寫程式也能有超值藝術水準
以前寫程式,怎麼看就是醜醜的,哲宇老師在課程中,教我們很多能提升輸出品質的好方法,簡單容易了解且效果很好,十分感謝老師無私分享~線上課程的好處就是可以重覆看(老師聲音很好聽)
Alice Wang互動藝術程式創作入門・2022 - ★★★★★棒棒的
超讚的課程!打開了我在藝術的視野也進一步體會程式設計與藝術的新天地 我自學了max 所以對這方面想要了解更多 很開心可以學習互動藝術程式創作
lydia chen互動藝術程式創作入門・2022 - ★★★★★非常棒的課程
覺得這常課非常適合從設計轉前端的同學,老師教的生動有趣,有非常多的範例可以做練習,甚至在設計方面也交了很多觀念,上完這堂課非常值得,很開心參與到這次的課程。
張家鈞動畫互動網頁程式入門・2020 - ★★★★★CP值很高的課程
老師講解非常的詳細,在我轉換工作時,很實在的幫助到了我,不管是沒經驗想要學網頁設計的人,還是已經有相關經驗的人,這堂課都會讓你有所收穫!
老沈動畫互動網頁程式入門・2020 - ★★★★★老師上課紮實上完有助於完整了解互動藝術程式
老師上課有條理,即便0基礎也可以做出自己的作品,很有成就感。
李依珣互動藝術程式創作入門・2022 - ★★★★★從來沒想過程式語言也可以搞藝術
自己有學過程式語言的基礎,上起來相對容易,沒想到coding可以這麼好玩的創作互動性的藝術!
7fang互動藝術程式創作入門・2020 - ★★★★★豐富且完整的前端基礎打底課程
是完全無基礎的人也可以輕易進入的好課, 非常推薦這門課給想從設計師轉職到前端領域的人, 相對外面針對技術層面的前端課程,這門課在視覺表現上非常優異! 即便是已經有經驗的前端工程師, 還是很推薦這門課程幫助在視覺上的練功 !
Angel Ho動畫互動網頁程式入門・2018 - ★★★★★超棒
講解清楚,並且會在教的過程中介紹快捷鍵,在講的過程中也會給我們看實例,讓我能更快的了解,並且是從零開始教起,比起教程式碼的功能,老師更著重在如何開始寫,怎麼寫,讓我們不是抄抄程式碼就結束了,而是有自己創作的能力
pupumeme動畫互動網頁程式入門・2019 - ★★★★★內容充實
之前修過一學期學校的網頁設計課,但都不夠深入不夠廣,且有些語法用法都已經老舊而不實用,相較之下,此課程從業界實作的角度出發,涵蓋flexbox、sass、vue.js等真正實用的課程,值得推薦
jeffnien動畫互動網頁特效入門・2019 - ★★★★★很豐富的課程
內容很紮實豐富,質量密度高,練習的範例有趣實用又有一定的美感, 練習時可加入個人風格之外,也能運用之後的課程內容去做範例的活化變化。 規劃的課程架構很清晰明確,有些單元要跳著看也行。 講解的語言文字圖解方式清楚淺白,音調也不會讓人想打瞌睡,步調明快俐落。
imyknons動畫互動網頁程式入門・2018 - ★★★★★初學者也可以很容易理解的課程
最開始自己借書來摸索的時候,就像老師企劃案裡說的,常常掛在螢幕前不知道下一步怎麼辦對著空白的畫面發呆。老師的教學很詳細,每一步都會交代清楚為什麼要這樣做,讓初學者很容易理解,也因為有了清楚的邏輯自己想做其他的變化也不那麼困難了。值得推薦的好課!
Shujin Jiang動畫互動網頁程式入門・2016 - ★★★★★設計和工程雙棲的超級課程!!!
真的很少有教前端技術的美感有這麼強的, 滿滿的扎實的課程內容, 富趣味性,老師聲音又挺好聽的XD 推薦給每一個前端入門的人, 別再去上一些範例醜醜的前端課程了!!
Berlin Lin動畫互動網頁程式入門・2020 - ★★★★★入門前端的精華課程
身為腦粉?的我在吳大大開第二堂課就不小心又掏出我的錢買了第二堂課,這堂課老師把第一堂課的東西的概念重新整理,加入更深入的知識,而最重要的是教你手把手用程式畫圖!
Chih Ting Ho動畫互動網頁特效入門・2022 - ★★★★★凌駕於市面上所有的網頁設計課程
因為這堂課,我成功進入外商公司擔任前端工程師,哲宇的用心真的讓我獲得極大的收穫,透過這堂課也學到許多我在資管系沒有接觸到的工具與學習資源,真的非常非常推薦!
Annie & Elena動畫互動網頁程式入門・2018 - ★★★★★內容超值!學費超優!課程既深又廣又詳細!推薦100%
自學網站前端數個月的我,總在門外徘徊,不得其門而入 網路資訊又七零八散,無法貫通 老師的課程完整性高,講解詳細,理清許多錯誤觀念 是難得的好課程!
effie25動畫互動網頁程式入門・2016 - ★★★★★非常超值、實用的一門課
非常感謝老師的用心,在短時間內讓我從完全不會網頁設計到可以從頭手刻自己想要的版型,大推~~
Marshall動畫互動網頁程式入門・2020 - ★★★★★課程內容超級生動有趣,講解用心清楚
老師用心花很多時間在規劃每一堂課,認真上課會發現很多寶藏在細節裡,大家一起來挖寶吧!
Sakura Lin動畫互動網頁特效入門・2018 - ★★★★★上老師的課會被推坑前端
課程內容與品質都超棒,課堂練習的作品賞心悅目,上課跟寫作業都讓人很開心
抹茶林動畫互動網頁程式入門・2019
- ★★★★★探索互動藝術的最佳課程
在YT聽老師分享各種創作藝術的用途如互動櫥窗及建築光雕等,才了解到創作藝術的可能性,也因為上過哲宇老師開的網頁動畫特效入門,親自感受到內容有多豐富,所以當這門課程推出時立馬手刀報名,也感謝哲宇老師作為創作藝術者分享各種知識及貢獻。
swki418互動藝術程式創作入門・2022 - ★★★★★一堂豐富而扎實的課程
這是一堂由淺入深,相當扎實的網頁入門課程 老師的口條清晰,邏輯清楚。 非常適合什麼都不懂的初學者來入門 從頭開始慢慢聽,慢慢練習 收穫幫助非常多 我本來只是略懂CSS 聽完這堂課,很多基礎觀念都理解了。 作品的成形也更加輕鬆 非常推薦這堂課!
呂泉泉動畫互動網頁程式入門・2022 - ★★★★★新手村練功好課程
從設計的觀念落地到設計的方法, 用簡淺易懂得方法讓程式初學者打好基礎不吃力, 一步一步從css html 深入到 vue 的教學, 讓初學者對網站架構有基礎了解。 很豐富全面的課程~~新手推推
miao lin動畫互動網頁程式入門・2022 - ★★★★★輕鬆入門的互動藝術課程
簡潔明瞭的講解基礎語法,搭配老師設計的作品觀摩,讓人能夠直觀的感受視覺震撼,另外一堂課的時長大多在十幾分鐘,是一個輕鬆的學習,不會造成太大的負擔。
鄭安琋互動藝術程式創作入門・2024 - ★★★★★
非常超值的課程! 老師還有免費直播課程可以看 教學上非常用心 講解詳細 把死板的程式變得好玩👍 做完還非常有成就感 非常感謝老師帶領我入門
justin3737互動藝術程式創作入門・2022 - ★★★★★完全零基礎很適合的一門課
老師的教學不會讓人覺得無聊呆版,反而超級有趣。 以前一看到程式碼覺得根本這輩子不可能學, 現在越來越喜歡打。 而且跟著老師一步一步做出東西真的很開心, 謝謝老師開設互動網頁課程, 我我打開了以前想都沒想過的大門!
anan動畫互動網頁程式入門・2018 - ★★★★★課程內容扎實豐富
適合程式初學者,老師非常用心的講解觀念、準備相關資源及作業練習。只需學會基本程式觀念,就能打造出有成就感的網頁。
papaya tsai動畫互動網頁程式入門・2019 - ★★★★★
寫前端很久 只會開發元件,好在老師有開設這門課程 讓我多了更多藝術創造的作品 也知道更多數學的應用
justin3737動畫互動網頁特效入門・2022 - ★★★★★推薦給新手的前端課程!
老師講的很仔細,邏輯和語調都很清晰,如果跟不上可以多聽幾次,會有不一樣的收穫。實作課程也非常扎實,跟著老師做也能寫出自己的網站。課程內容非常豐富,很適合初學者,我自己初期還有使用Codecademy這些免費資源,搭配老師講解後,會更好上手。
林亮亮動畫互動網頁程式入門・2020 - ★★★★★推推
之前有看過書自學過 但通常都講解功能 要自己實作時卻不知道怎麼開始 這堂課程老師範例都從頭帶到尾 (不會跳過讓人搞不清楚中間發生什麼事 很多細節也會重複講解 跟著一步一步做就覺得實作沒這麼困難了 非常推薦!
ev7217動畫互動網頁程式入門・2018 - ★★★★★CP值很高的課程
我很喜歡老師的教學方式 講解的非常清楚 就算沒有基礎的新手經過老師帶領一步步操作 也可以做出厲害的作品 整堂課非常棒物超所值!
彭宜敏動畫互動網頁程式入門・2022 - ★★★★★難得有趣的程式應用課程
每個範例內容都很有趣,讓新手在學 code 的過程不會感到只是枯燥乏味的在吸收各種技術語法 而是以作品為主軸的角度切入,帶領人去思考如何使用程式碼這個工具去實現自己想創作的東西
Shishimaru動畫互動網頁特效入門・2022 - ★★★★★很用心的老師,很紮實的課程
內容真的很充實,上課時數相當驚人,內容包山包海,前端網頁會用到的都學的到。更難得的是老師一步步帶著做,整個過程都很詳細,像我這樣的初學者都能看懂,並且做出來。而老師設計的美感也很好,看似不起眼的小變動,卻讓整個視覺看起來都不一樣了。一定要請老師再開更多課程啊!!!
SzuYung Chang動畫互動網頁程式入門・2017 - ★★★★★新手也能很快上手
老師口條清晰,課程規劃有邏輯,從0基礎到漸漸可以自己寫出一個網頁,非常有成就感! 而且每堂課的教材畫面都是經過設計的,上起課來非常賞心悅目,不會只有枯燥乏味的語法,還能額外學到UI編排,學到的內容完全可以現學現用,非常推薦新手學習這門課!
Amber Chen動畫互動網頁程式入門・2022 - ★★★★★循序漸進,淺顯易懂,謝謝老師
會做網頁的強者大師很多,但能把自身所學不吝惜傳授.又能以淺顯易懂的方式讓一般大眾聽得懂,這是大師中的大師. 沒想到我這毫無基礎兼讀書時數理統計常掛蛋的上班族也能聽得懂.謝謝老師!期待老師能再開第03個新課程
alvin2004動畫互動網頁程式入門・2019 - ★★★★★是台灣少見的課程內容
已經忘了花了多久時間完成, 只覺非常漫長、充實, 光是老師願意花這麼多時間製作講義、整理筆記及教學就值得肯定。 我從互動式網頁設計入門到這門課,一路由老師引領。 雖然有些內容還需要自己再深入鑽研,但這門課作為一個入口, 實在非常值得。
徐慶毅動畫互動網頁特效入門・2022 - ★★★★★推薦給任何想踏入這領域的人,此處CP值很高
從基礎開始慢慢學起,內容很容易理解,其中也包含許多視覺上的分享,受益良多。 此外,也可透過各種範例以及作業激發靈感、腦力激盪,一步步建構出完整且有趣的網頁,CP值很高。
謝正偉動畫互動網頁程式入門・2020 - ★★★★★簡單易學易懂的課程
老師說話清晰,內容邏輯清楚。 老師相關課程教材跟資源提供十分多,所需要的工具也有提供免費網頁。 課程內容真的超級多超級豐富。 課程內容不太難令新手也可以跟上
benzxcvasdf動畫互動網頁程式入門・2022 - ★★★★★藝術與程式的完美融合
這門課真的太精彩了,謝謝哲宇老師分享了這麼美麗的藝術創作視野,讓網頁程式更多了溫度與藝術氣息,十分推薦!
slipa互動藝術程式創作入門・2022 - ★★★★★豐富而且值得一再複習的互動網頁入門
無法想像的誠意:3085分鐘的豐富課程,謝謝哲宇老師慷慨的在這課程裡分享如此多的內容,收穫良多,十分推薦!
slipa動畫互動網頁特效入門・2022 - ★★★★★扎實且完整的網頁課程
以前就會手刻 HTML+CSS 製作靜態網頁,JS只會套現有的燈箱和輪播圖片,但想進階網頁技術查資料都半懂不懂,就連想學 Bootstrap 加快製作網頁的速度,都會敗在文字描述上面。 這個課程可以說是我的救星,更新了我網頁製作的觀念,還了解很多輔助工具的用法,學過就回不去了!
april808動畫互動網頁程式入門・2022 - ★★★★★活潑生動且紮實的教學內容
對設計、網頁設計排版有熱情,甚至是具有些許完美主義的人來說,這門課一定能滿足你的胃口。 老師的上課態度十分認真,並不是將code複製貼上隨便講講,而是仔細解釋每一行code的意思,讓人覺得收穫許多、貼心。 推薦想接觸前端,但又有點怕怕的同學~
Kevin動畫互動網頁程式入門・2020 - ★★★★★用程式說故事的樂趣
課程內容靈活又實用,結合設計與互動的部分讓我印象深刻。對我這種工程顧問背景的人來說,最棒的是能把抽象數據轉成可視化、可互動的表現。學習過程中雖然有點燒腦,但成果真的令人驚喜。希望之後能把這些應用在專案展示或教育訓練中,讓工作也能多一點創意與樂趣。
陳逸歆互動藝術程式創作入門・2025 - ★★★★★台灣少有的互動藝術的手把手教學課程
前兩堂都有買的我,怎可能吳大師開新課程我不買的道理? 其實一開始是被互動式藝術吸引到,老師遠赴紐約進修,並把學習到的東西帶進這個新課程 並且有開設專屬群組,能夠與其他學員一同討論,課後服務做得很完善
Chih Ting Ho互動藝術程式創作入門・2022 - ★★★★★十分推薦的網頁入門教學
非常謝謝哲宇老師在教材上的用心編排與細心解說,豐富的內容對於初學的我而言真的是大寶庫,推薦給想好好學習網頁的朋友們!
slipa動畫互動網頁程式入門・2022 - ★★★★★對想入門前端的人來說cp值爆高的課程
因為有先利用網路免費資源接觸過前端,所以再來銜接這邊的課就覺得剛剛好, 而且內容蠻豐富,以cp值來說覺得不錯高, 加上老師有設計背景照著刻視覺呈現非常平衡與好看, 讓學習起來會更加有成就感, 覺得對想要入門前端的初學者來說, 是一門有推進力量的課程!
Doris Kuo動畫互動網頁程式入門・2024 - ★★★★★找到程式的更多可能
從前兩堂課追到這堂。 在有程式的底子之後,透過這堂課,可以讓寫程式突破舊有的框架,加入藝術的元素,讓很多異想天開的想法可以被付諸實現。
K.互動藝術程式創作入門・2022 - ★★★★★
课程很棒,对我帮助很大。 老师讲的很全面,思路也很清晰,让0基础的我也能很快的理解课程内容。 今年已经36岁,但从未对感兴趣的领域放弃学习。 感谢这门课程带我进入一个新的世界, 感谢哲宇老师。
lucas互動藝術程式創作入門・2022 - ★★★★★讓我開始學習程式的第一堂課
課程內容豐富,內容多到消化不完 老師會用最快速的教學方式,讓你從完全不會html、css、js 到後面可以用jQuery、Vue等等來撰寫動態網頁 這堂課cp值真的很高,可以從中體驗到撰寫程式的成就感 是我最推薦的一門課!!
黃俊傑動畫互動網頁程式入門・2024 - ★★★★★上完很有成就感的線上課程
相較於其他前端線上課程,每堂課的作品範例美感上和視覺表現性上相對好很多 使學習過程中讓人更有動力願意去一步步跟著把 code 敲出來,內容也非常扎實、實用
Shishimaru動畫互動網頁程式入門・2022 - ★★★★★物超所值,想給超過五顆星!
課程內容由淺入深、扎實豐富,每看完一個章節都覺得自己實力大增! 老師口條與跟思考邏輯都相當清晰 ,範例也能馬上應用在實作上, 獲益良多!
sxu3m06gl4動畫互動網頁特效入門・2020 - ★★★★★有趣又能釋放創意的課程
內容講解的很詳細, 也很容易上手做出成果來 (沒想到原來把一些想法實現出來, 沒有這麼難 -- 當然啦, 要做得好是另一回事了). 玩得很開心.
crazystarwang互動藝術程式創作入門・2025 - ★★★★★超棒的
我喜歡簡短又清楚地講解。課程幫助我架了自己的網站。影響我在未來當設計師上思考更多
lydia chen動畫互動網頁程式入門・2022
- ★★★★★初學者必看!
這是一堂對於完全零基礎的初學者來說相當友善的課。自己目前是以自學方式在學習網頁設計,在網路上看到許多人都推薦如果要踏入網頁設計這條路必定要看老師的教學影片,簡單易懂,適時地提出作業也能督促自己反覆地去練習。目前還在追進度,很期待自己的第一個網頁設計作品。
陳芊卉動畫互動網頁程式入門・2020 - ★★★★★
我完全沒有程式基礎,但老師的課讓我不這麼害怕接觸程式,還有點期待自己可以怎麼應用,課程也是循序漸進,手把手的教學,但因為只能用下班時間學習,所以學習很龜速,但我還是很喜歡老師的課
蔡佾璇互動藝術程式創作入門・2022 - ★★★★★給想加入前端世界的你(無論有無程式經驗)!
非常物超所值的課程,從入門html, css 到JS程式的講解井然有序,由淺入深,讓以前在JS程式不熟的我在哲宇老師的引領下逐步的理解與運用,老師解說得調理非常清楚,邏輯清晰,不像有些老師講話會讓人打頓或想跳過,每個環節都非常精華,推推!!
AF動畫互動網頁特效入門・2022 - ★★★★★
真的很棒!! 老師超有熱誠!! 設計的題目都好有趣好有美感!! 內容講解超詳細適合初學者到進階開發者!
justin3737動畫互動網頁程式入門・2022 - ★★★★★從零開始學習真的推薦
老師開的課時數真的很長XD 平均下來老師程式方面的時間乘以2大概就是自己學習的時間, 身為程式新手的人真的很適合一步一步跟著老師做, 大量的程式時間以及有成就感的專案練習,可以讓自己不會這麼慌張, 而且流程講解十分完整,老師其他的課都一併購買了,推推!
邱建勛動畫互動網頁程式入門・2021 - ★★★★★數位藝術的入門磚
課程本身對P5的介紹深入簡出,openprocessing平台上也有許多有趣的作品。語言本身確實很適合無程式經驗的藝術家,感覺講課方向也很努力從基礎到應用的方面推廣,畢竟和創作相似,美感與靈感在閱覽群作之後才能得到更深的擴展。雖然現在還在門口慢慢打轉⋯⋯總之,繼續走下去就會有收穫。
Loxi互動藝術程式創作入門・2022 - ★★★★★互動藝術的探索者
在知道這堂課之前從來沒有想過互動藝術可以在投影機或是街頭藝術之外。 老師的不藏私以及深入淺出的教學方法,總是讓人津津有味。 且有別於多數授課老師,"不要死背"真的是最好的方法! 推薦給所有的藝術者、創作者,這堂課即使不是跟風潮流的NFT,也是一堂受用無窮的課!
Annabelle Huang互動藝術程式創作入門・2022 - ★★★★★非常充實的課程
從完全不會寫程式,到能嘗試做出自己的網頁,一步一步學習非常踏實。老師給了很多可以延伸學習的資源,這門課實作的時間也非常充足,且成品都很有設計美感。個人覺得老師語速適中,聲音清楚且順暢,很適合長時間學習觀看。能藉由這門課踏入前端設計的領域覺得十分幸運。
Bei動畫互動網頁程式入門・2019 - ★★★★★設計思維
這門課內容很豐富,非常物超所值! 老師使用許多有趣的範例,跟著做出來會很有成就感 對剛接觸程式的人可以增加很多樂趣 同時也可以增進你的設計思維 將來遇到其他視覺相關領域也會有幫助 如果是新進入網頁領域的人 滿推薦這門課,可以學到很多~
Charlie Wu動畫互動網頁程式入門・2022 - ★★★★★學習從有趣與自由開始
一個非常適合所有人入門的課程,了解互動藝術並非人們想的那麼困難,更多的是如何加入創意和個人特色。每一次看完課程後跟著課後作業會有不少的成就感而且發現掌握了基本原理原來也能創出很多很棒、讓自己喜歡和滿意的作品。
Rakin Cheung互動藝術程式創作入門・2022 - ★★★★★很硬但也是更有趣的課程
這是老師開過三堂課裡最硬的一堂,難度上真的提高蠻多,需要花更多時間去吸收 但提供的作品範例依然有趣,而且最終呈現的作品是互動性更高的有趣創作 如果能好好全部吸收,真的會對創作上開啟更多不同的可能性
Shishimaru互動藝術程式創作入門・2022 - ★★★★★最划算最實用的課~感謝老師
每次有人問我想要學前端要怎麼入手 我都會說先買哲宇老師的這堂課 這個課真的很值得 給的教材又超級多 超級佛心 而且老師都會重頭帶我們寫一次程式 口條又很好 真的很好入門 寫出來的畫面又有美感 感謝老師讓我進公司後很能順順利利 老師的這門課真的幫助我超多的 真的很感謝
yachir動畫互動網頁程式入門・2022 - ★★★★★適合入門網頁的新手,會很有成就感
雖然我不是新手,但我認為最快也最有效的學習方法就是直接開始動手做。 老師準備了很多範例,而且使用的素材都美、很美、非常美XD 對於初學者或是缺乏美感的前端來說,只要跟著課堂的步驟、用美美的素材,就能夠做出好看又好玩的網頁,完成後也能得到成就感,更有學習的動力。
毛毛的動畫互動網頁程式入門・2020 - ★★★★★扎實的課程
透過這堂課,可以讓網頁變得更有設計感、做出更豐富有趣的網頁。 老師手把手教學,每個步驟都講解得很仔細,內容設計的也很用心,大推!
K.動畫互動網頁特效入門・2022 - ★★★★★覺得這堂課很棒
我本身是喜歡互動藝術的設計師,好幾年前課程剛出的時候就買了,現在回來重新上也覺得很有趣。課程內容其實很豐富、老師會先給很多案例做前導,我覺得課程安排的順序也很有邏輯,老師本身也是對創作有熱情的人,聽課的過程有讓我在想法上收獲不少。
Jar Chen互動藝術程式創作入門・2026 - ★★★★★課程豐富實用
老師口條很好,講解非常清晰,內容從基礎到各種技巧使用,一步一步帶著做,收穫非常多且很有成就感。而且老師相對於其他工程師還要有美感,比起一般學程式還要多學了很多畫面的製作,非常推薦。
胡智勛動畫互動網頁程式入門・2022 - ★★★★★清楚 淺顯易懂 充滿成就感
一直都有在自學網頁 但很多東西看網路上的資料還是很混亂 經過這堂課老師清楚的講解 很多東西都串起來了 看到自己終於可以建構一個網頁 充滿成就感 真的是CP值超高的課
wondrbx動畫互動網頁程式入門・2016 - ★★★★★會不等於會教 相見恨晚
不僅課程循序漸進,也講解的很詳細,像是語法的部分很多時候都會二次講解,可以增加記憶。 也推薦有心想往這條路前進的各位可以追老師的直播,每次都有不同的新東西可以學! 許願之後能夠看到老師教學UI/UX的課程:)
Annabelle Huang動畫互動網頁特效入門・2022 - ★★★★★講解由淺入深,適合初學者
由最基礎的程式語言開始,逐步帶領學員撰寫出自己的名片、一直到後面進階的程式語言用法、響應式網站設計,是個學習HTML/CSS/JS很棒的入門課程!
haaaaacha1動畫互動網頁程式入門・2023 - ★★★★★輕鬆有趣
原本以為寫程式會很無趣想睡覺,但老師的教法會讓人覺得網頁設計很有趣! 這堂課上完會再買其他課程~
吳育芳動畫互動網頁程式入門・2022 - ★★★★★深入淺出、課程扎實、課超所值
課程設計用心,在每個小專案之前都會切割幾個小課程,並逐步示範開發,並且都有講到重點,不會讓人帶著疑惑,最後會利用所學建立小專案,建立學習成就感。教學過程深入淺出,也不藏私,講義會附上範例程式碼,課後也能持續精進,是目前看到最好的前端入門課程了!
tong動畫互動網頁程式入門・2017 - ★★★★★很棒的一堂課程
裡面老師從基礎一路教到Canvas,動畫再到後面的Vue.js 資料圖表跟3D 內容豐富,而且教學的範例都很美,看到會很有成就感
李小馬動畫互動網頁特效入門・2024 - ★★★★★超棒的課程 ╰(*°▽°*)╯
大部分網頁教學課程 , 會直接跳到開發網頁 , 吳老師更用心的從開發之前的規劃 . 設計 都納入課程教學中 讓我學完後 , 不只了解如何 coding 網頁 , 更了解開發網站的整個流程 ╰(*°▽°*)╯
王澍動畫互動網頁程式入門・2020 - ★★★★★無與倫比的前端夢幻課程!!
上完老師的課真的獲益良多,難度由淺到深安排得相當完整,教學方式清晰、講義精美無比、內容生動有趣,是非常物超所值的一門課程啊!很謝謝老師這麼用心教學還有錄製影片,很高興當初買了這麼棒的前端網頁設計課程!
Wen Liang Chen動畫互動網頁程式入門・2017 - ★★★★★科技與藝術的完美結合!
本身也是做藝術相關,上了這堂課之後看到藝術創作的無限可能性,也激勵我繼續在這個領域深耕,並也對程式語言有更多的興趣,謝謝老師。
tommy831219互動藝術程式創作入門・2022 - ★★★★★CP值超高 完全開啟我對的網頁製作的新視野
記得以前總是覺得數學和物理離生活很遠、不實用,上了這門課才發現原來這些概念都可以結合到網頁製作上面,這是我目前在Hahow上買到覺得最超值,學到最多的課程,超級推薦!
Mendy Chiang動畫互動網頁特效入門・2021 - ★★★★★覺得是上過最好的課~
因為有上過其他線上課程,所以在上老師的課程,明顯感受到很多不同,無論是講解清晰,帶著我們細心實作,甚至會告訴我們去哪裡查詢資料等等,其實老師真的很用心,在外面花好幾倍的錢上課,都不一定可以得到這麼充實的知識內容,感謝老師無私教導~
dudu動畫互動網頁程式入門・2019 - ★★★★★這是我上過最實用、最深入淺出的課程
老師的教法很淺顯易懂,範例也都是相當實用的例子,能夠運用到工作上的其他地方,這是我上過最實用、最深入淺出的課程。
Terry Wang動畫互動網頁程式入門・2018 - ★★★★★課程內容豐富實用
線上鮮少有關於互動式藝術的課,很喜歡老師由簡入繁的帶領學員用程式創作!
Saien Tsai互動藝術程式創作入門・2021 - ★★★★★內容豐富的課程!
程式藝術創作讓人大開眼界,原來程式也可以這麼有藝術感!
fantasy1022互動藝術程式創作入門・2022 - ★★★★★沒有程式天分的人也能做出前端作品!!!!!
老師手把手教學,重複口訣增加記性差的學生熟記常用功能! 時時提醒未來自己開發上需要注意的細節,優質課程值得強推!
evelyner00動畫互動網頁程式入門・2019 - ★★★★★原來寫前端是這麼享受的一件事XD
質量並重的好課真的不多,但這一門課真的非常推薦。 先前在新創做了一年的前端實習生,很多眉角都是只會用,觀念卻不夠清楚。 透過影片漸進式的安排,也逼自己一定要踏實把該修練的基本功重新學習過, 每次看都會有不同的收穫。
張維家動畫互動網頁程式入門・2016 - ★★★★★看了就停不下來的課程!
哲宇老師的課程講述清晰,別於制式戶的程式課程 更注重於即時的應用,在每堂課學到的技巧,都可以隨之產出一個作品 並且能夠讓學員延伸創作思考的點子,在學習的同時,也增加成就感。
fan魚頭互動藝術程式創作入門・2022
05 · BELIEFS
他怎麼想教學
我想要用設計的角度去教程式。
吳哲宇,2016 年的課程長文雖然不切實際,我仍希望教師的角色是一盞明燈,帶著你撥開混沌的迷霧,看見世界真實的模樣。
吳哲宇,2018 年 9 月,〈釀造一門結合網頁、設計、數學與特效的線上程式課程〉希望大家在製作的途中……每一個作品都有成就感,會想要拿出去炫耀。
吳哲宇,2016 年,〈動畫互動網頁程式入門〉課程說明當我覺得我到了一個階段,可以釋出我在這個階段學習的東西時,我不會藏私,因為我還可以朝向下一個階段繼續邁進。
吳哲宇,2019 年,Hahow 部落格講師專訪現在它已經變成一個傳統手藝了啦。但是,如果你會這些手藝,再用 AI 會更快。
吳哲宇,2026 年 9 月 22 日,全景課第 0 堂直播
06 · BEYOND HAHOW
學校、工作坊與 MONOLAB



2024
陽明交通大學應用藝術研究所
碩士班選修《生成式演算互動藝術實作》,2024 年春季 18 週、3 學分:前 8 週 p5.js,後 10 週 TouchDesigner、MediaPipe、GLSL、OSC、繪圖機與投影映射,期中與期末各一件專題。
2018–2019
紐約大學整合數位媒體系(NYU IDM)
Creative Coding 與網頁開發課的助教,兩學期 196 次一對一輔導。
2025–
MONOLAB 線上課程平台
TouchDesigner 的線上課與實體工作坊:入門必修課、前導班,以及 2025 年 8 月 30、31 日在野地方 Wild Lab 的零基礎實戰班(額滿),另有《透過 AI 啟動第二大腦》與兩場數位創作沙龍。
2021–2026
各地的工作坊與研習
C-LAB 首屆 Processing 臺灣國際社群日的 p5.js 工作坊(2021)、教育部美術學科中心全國高中教師研習(2021)、《混沌實驗室》展期工作坊(2022)、兩天 12 小時的 p5.js 進階繪圖工作坊(2023)、中山大學的 p5.js 與 TouchDesigner 工作坊(2025、2026),以及 2026 年 11 月淡江大學的生成式 AI 與 p5.js 工作坊。
07 · TIMELINE
十年
- 交大學聯會〈深旅〉設計講座
- Hahow 第一門課《動畫互動網頁程式入門》上線 ↗︎
- 每週四晚的直播「老闆,來點寇汀吧!」,連續 14 週 ↗︎
- TEDxNCUE〈嚮〉演講 ↗︎
- MOPCON、六角學院講者:Vue、GSAP、d3.js 與 Canvas 遊戲 ↗︎
- 第二門課《動畫互動網頁特效入門》錄完,前後一整年 ↗︎
- 紐約大學整合數位媒體系助教,到 2019 年 5 月 →
- 清華大學資訊系統所 Creative Coding 與生成藝術講座 ↗︎
- creativecoding.in 開站:教學文章、直播筆記與學生作品賞析 ↗︎
- 第三門課《互動藝術程式創作入門》上線 ↗︎
- C-LAB 首屆 Processing 臺灣國際社群日,p5.js 工作坊 ↗︎
- 教育部美術學科中心,全國高中教師新媒體藝術研習
- Creative Coding Taiwan 第一次社群聚 ↗︎
- p5.js 進階程式藝術繪圖工作坊,兩天 12 小時
- Processing Community Day Taiwan〈Particle Lab〉 ↗︎
- 陽明交大應用藝術研究所《生成式演算互動藝術實作》,18 週 ↗︎
- 臺灣大學生成藝術講座 ↗︎
- 中山大學 p5.js 入門工作坊,6 小時
- MONOLAB TouchDesigner 零基礎實戰班,兩天 ↗︎
- YouTube「TouchDesigner 直播挑戰」八集,到 2026 年 1 月 ↗︎
- 中山大學 TouchDesigner 工作坊,6 小時 ↗︎
- 《新媒體藝術全景課》開課,每週二直播 ↗︎
- 臺灣科技大學設計系《敘事設計》業師課
08 · READING
延伸閱讀
HAHOW · 2026
新媒體藝術全景課
11 週完成 8 件作品,打造你的個人創作流。2026 年 9 月 22 日到 12 月 22 日,每週二晚上直播。











