設計師也能上手的 javascript 動畫設計

第二季

outline

  • 上一季回顧與複習
    • Javascript Q&A
    • 使用 JQuery 的 5 個 STEP
    • 認識連 google 都說厲害的綠襪子 greensock
    • 延伸學習
  • greensock 動畫製作 基礎篇
  • greensock 動畫製作 應用

Javascript Q&A

Q: javascript 是什麼?

A: 他是流覽器專用的腳本(script)語言。

因為當時 java 很紅,所以趕流行叫 javascript。

 

一般簡稱為 JS

Q: javascript 能做什麼?

A: 和網頁有關的事,幾乎什麼都能做。
   我們可以用他做動畫以及使用者互動。

Q: js 和 jQuery的關係是?

A:  jQuery 是 js 的函式庫
    我們可以把 jQuery 看成我們的小助手
    讓設計師也可以輕鬆的使用 js。

Q: 為什麼不用 css 而是用 javascript 做動畫?

A:  css 適合處理簡單的動畫效果,js 可以再做更        
     進一步的處理。兩者可以互相搭配。

Q: 沒程式基礎怎麼學 js?

A: 網頁設計師熟悉 html 和 css,已經具備了學習 javascript 的基礎。可以製作一些簡單的動畫和互動。
   

如果想再做更多變化和應用,才需要回到基礎,從程式的觀念開始學起。

使用 JQuery 的 5 個 STEP

範例檔資料夾 01_學習jQuery的5個STEP

認識連 google 都說厲害的綠襪子

greensock

greensock 是什麼?

為什麼推薦 greensock

  • 簡單
  • 有趣
  • 相容性高
  • 效能好

延伸學習

js & jQuery

GSAP

greensock 動畫製作

範例檔資料夾 02_用greensock做動畫

Made with Slides.com