網路上常見的視覺動畫特效設計，如：圖片輪播效果、下拉式選單、燈箱效果…等，不是用Flash製作就是用JavaScript來實現；而近年手機上網的普及，iPhone與新型的Android手機已不再支援Flash，加上手機上的隱藏式或側欄式選單及互動效果，必須藉由程式去控制，趁此趨勢崛起的就是JavaScript，加上jQuery的出現，大大簡化語法撰寫。
本課程雖是進入「程式」領域的基礎課程，但沒有一般程式設計課程艱深、難懂，讓完全沒有程式基礎的人，能夠以範例實作的方式，製作出效果驚艷的網頁動畫與視覺特效。

單元一：連結方式與規則
●認識JavaScript語法及設定方式
●替網頁元件命名及命名規則(name、id)
●函式的使用(function)
●滑鼠事件控制(onmouseover、onmouseout、onclick)

單元二：JavaScript
●電子相簿製作(getElementById、var、if…else條件式)
●圖片輪播效果(this、Number、setInterval、setTimeout計時器)
●控制網頁樣式(style)
●置換網頁樣式(className)
●for迴圈設定
●Array陣列應用

單元三：JQuery
●JQuery介紹與設定、CDN
●JQuery動畫：show、fade、slide、animate
●JQuery控制CSS與Class
●認識物件層級與遍歷(DOM Tree與Traversing)
●父層、同層與子層關係(parents與siblings與find)
●條件設定與篩選(filter)
●範例實作(1)：電子相簿效果、下拉式選單
●範例實作(2)：隨網頁捲動的直式選單與按鈕(scrollTop)
●範例實作(3)：手機側欄式選單、手機隱藏式選單
●範例實作(4)：圖片輪播效果
●範例實作(5)：燈箱效果(LightBox)
●外掛程式(1)：Nivo-SlideShow
●外掛程式(2)：fancyBox


※為維護課程品質及尊重智慧財產權，上課中請勿錄音錄影，亦不提供錄音或錄影補課。