javascript 與 jQuery 動態特效程式 - 初級

ECMAScript (javascript)
  1. javascript 在做什麼？
  2. javascript function (函數) 用法。
簡單物件導向程式 (OOP) 及 概念
  1. javascript object 物件的建立與屬性的存取。
  2. XML 文件的物件模型 (DOM) 。
  3. JSON 與 object。
jQuery 與 javascript
  1. 介紹 javascript library 與 framework 。
  2. 開始使用 jQuery Library 。
基本函數庫用法
  1. jQuery selectors
    1. jQuery(), $()
  2. 變更樣式
    1. .css()
    2. .addClass(), .removeClass(), .toggleClass()
  3. 使用者互動事件 (interactive event)
    1. .on('click')
    2. .on('mouseover'), .on('mouseout')
  4. 文件完整載入的事件
    1. .ready()
使用廣大資源的 jQuery Plugin
  1. jQuery .cycle()
  2. jQuery .colorbox()
Banner 輪播廣告設計
  1. 超過 10 種變換效果。
  2. 指定參數觀念。
跑馬燈訊息設計
  1. 超過 10 種間歇變換效果。
燈箱廣告展示設計
  1. 參數的設定。
  2. CSS 變更外觀設計。
動態新增或變更 html 文件內容
  1. 更改內容
    1. .text(), .html()
  2. 加入元素
    1. .append(), .prepend(), .wrap(), …
  3. 變更屬性
    1. .prop(), .removeProp()
    2. .attr(), .removeAttr()

學習資格

  1. 熟悉 html 語法。→ 瞧瞧 HTML 課程
  2. 熟悉 css 排版觀念。→ 瞧瞧 CSS 排版課程, CSS 特效課程
  3. 能閱讀簡單英文單字。
  4. 會基本使用 excel 試算表之類軟體。

應用範圍

  1. 網頁設計、雲端應用程式 (web Apps) 。
  2. 行動裝置應用程式 (Apps) 。
  3. 電腦應用程式。

教學示範

  1. Banner 輪播廣告設計 (cycle2) 一
  2. Banner 輪播廣告設計 (cycle2) 二
  3. Banner 輪播廣告設計 (cycle2) 三
  4. Banner 輪播廣告設計
  5. 跑馬燈訊息設計
  6. 彈出式燈箱展示設計
  7. 歷屆學員作業

相關證照

  1. w3schools jQuery Developer Certificate

更新日期：