線上活動藝文科技

JavaScript 玩出零基礎互動

464
23
2025.09.11 (Thu) 19:00 - 20:00 (GMT+8)加入行事曆

此活動為線上活動,購票後可於票券頁進入直播連結

本活動使用Google meet線上會議

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

本活動使用Google meet線上會議

想踏入前端領域,卻不知道從哪裡開始? 這堂課將帶你從 零基礎學習 JavaScript,不用硬背艱深的語法,而是透過 p5.js 的直覺式工具,從簡單的圖形與顏色變化開始,親手示範程式如何讓畫面動起來。 你不只會學到 前端 JavaScript 的基礎概念,還能在課堂上實作互動動畫 Demo,體驗從靜態設計到動態互動的轉變。 這程式與設計的結合,你將發現作品能更有生命力與驚喜
想踏入前端領域,卻不知道從哪裡開始? 這堂課將帶你從 零基礎學習 JavaScript,不用硬背艱深的語法,而是透過 p5.js 的直覺式工具,從簡單的圖形與顏色變化開始,親手示範程式如何讓畫面動起來。 你不只會學到 前端 JavaScript 的基礎概念,還能在課堂上實作互動動畫 Demo,體驗從靜態設計到動態互動的轉變。 這程式與設計的結合,你將發現作品能更有生命力與驚喜

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

本活動使用Google meet線上會議

活動簡介

小白也能成為動畫魔術師,60分鐘完成互動動畫 Demo


想踏入前端領域,卻不知道從哪裡開始?
這堂課將帶你從 零基礎學習 JavaScript,不用硬背艱深的語法,而是透過 p5.js 的直覺式工具,從簡單的圖形與顏色變化開始,親手示範程式如何讓畫面動起來。

你不只會學到 前端 JavaScript 的基礎概念,還能在課堂上實作互動動畫 Demo,體驗從靜態設計到動態互動的轉變。這程式與設計的結合,你將發現作品能更有生命力與驚喜

 

講座亮點

  • 零基礎入門:專為初學者設計,從基礎語法到動畫應用逐步拆解。
  • 實作為主:透過 p5.js,邊學邊做,立即看見畫面變化。
  • 互動設計:學會結合滑鼠、鍵盤操作,讓畫面回應使用者。
  • 創意應用:為作品集、互動網頁或跨領域創作增加獨特亮點。
  • 延伸進階:為未來挑戰更複雜的前端動畫、生成藝術或互動媒體打下基礎。

 

👩‍💻 適合誰學習?

  • 前端新手:剛開始學 JavaScript,想快速體驗實際應用。
  • 轉職前端者:需要增加互動動畫技能,讓作品集更吸睛。
  • 設計 / 藝術背景者:想讓靜態設計與作品透過程式動起來。
  • 跨領域創作者:想用程式語言拓展創作表現力,結合藝術與科技。
  • 對互動藝術有興趣的人:希望探索 JavaScript 與視覺創作的可能性。

 

講師介紹

生成式演算藝術家 Generative Artist / 墨雨互動設計創辦人 吳哲宇

講師資訊連結:

https://cheyuwu.notion.site/20231123-Che-Yu-Wu-6aecdc95271742d4b9a1ea50cb8fb0c0

 

講座資訊

🗓 講座時間:2025 年 9 月 11日(星期四)晚上 19:00–20:00

💻 講座方式:Google Meet 線上直播

🌼 報名後將於講座前兩日寄送講座連結與通知

avatar

XPlatform職能共享平台

JavaScript 玩出零基礎互動

2025.09.11 (Thu) 19:00 - 20:00 (GMT+8)

loading