【飛肯設計學苑】電腦教育教學中心
教學課程及範例下載，還有photoshop教學、css語法教學、dreamweaver教學、flash actionscript教學、網頁設計教學...等
課程名稱：jQuery 互動網頁程式應用班
- 課程梯次：12 月份 【一三晚班】
- 課程日期：2009 年 12 月 7 日 ~ 12 月 30 日
- 課程日期：12/7、12/9、12/14、12/16、12/21、12/23、12/28、12/30
- 課程時間：星期一、三 / 晚上 6:50~9:50
Curriculum information
課程資訊
- 授課講師：男丁格爾 老師 （教學範例）（老師的網站）
- 課程時數：8 堂課 / 時數共 24 小時 / 共 四 週
- 課程學費：7800元【新生線上報名特價7500/舊生報名特價6800】
- 付款方式：開課當天現場繳費
- 課程教材：教學講義 / 範例光碟
- 課程地點：【飛肯教室】交通位置詳圖 > >
- 聯絡電話： (02)2211-1414 / 0925-014-000
Curriculum information
適合對象
- 1.對於 互動網頁程式有興趣與需求者
- 2.網頁設計師或程式設計人員
- 3.上班族及學生族自我進修
- 4.SOHO族
Registration qualifications
報名資格
- 1.必須具備 JavaScript程試設計基礎
- 2.必須有 CSS語法基礎
Curriculum characteristic
課程特色
JavaScript 一直都是網頁設計人員的痛，除了要記住各種不同 HTML 的屬性及方法之外，還會遇到不同瀏覽器間的語法差異問題。有時可能犧牲了好幾晚的睡眠時間來「找到」一個可能是眾所皆知的「臭蟲」，接下來可能又是要花好幾晚來「解決」它。
jQuery 是一個快速又簡潔的 JavaScript 程式庫，除了簡化 HTML 屬性的存取使用、事件的監聽處理及 Ajax 之外，也解決了大部份瀏覽器間的相容性問題。同時也加入一些不輸給 Flash 的基礎動畫效果，使得我們的網頁不再是死板的回應使用者的動作。透過 jQuery 的程式特性，讓我們能用更少的程式碼來寫出之前可能要寫到上百行的同等效果來(Write Less, Do More)。
Curriculum synopsis
課程簡介
課程定位在 jQuery 的入門學習，會搭配大量淺顯易懂的實際範例來講解 jQuery 語法使用。同時也會介紹如何使用各種以 jQuery 為核心而開發的外掛套件，讓我們能快速的套用現成的效果並體會 jQuery 所帶來的方便性。
由於 jQuery 整合了 JavaScript、HTML 及 CSS 等不同的層面，因此學生需要先具備有 JavaScript、HTML 及 CSS 等知識。如果您不確定您的程度是否適合來參加這個進階的課程, 您可以來電詢問, 也可以親自到我們教室來和老師談談喔!!
Curriculum subject
課程大綱
【jQuery 初體驗】
- 什麼是 jQuery
- 下載並使用 jQuery
- ready?
- jQuery 的優勢是什麼?
- 如何在 Dreamweaver中 使用 jQuery
【jQuery 的選擇器】
- 基本的選擇器 #id, .class, tagName
- 基本選擇器
- 可見性選擇器
- 子元素選擇器
- 表單對象屬性選擇器
- 層級選擇器
- 內容選擇器
- 屬性選擇器
- 表單選擇器
【HTML元素事件綁定】
- 滑鼠事件 mouseover(), mouseout(), mousedown(), hover()
- window 事件 load(), scroll(), resize()
- 讓事件能永存 live(), die()
- 互動事件 click(), change(), foucs(), blur()
- 鍵盤事件 keydown(), keypress(), keyup()
- jQuery 的事件綁定 bind(), unbind(), one(), trigger(), triggerHandler()
【透過 jQuery來完全控制HTML元素】
- 存取元素的屬性/值 attr(), removeAttr()
- 存取元素的 HTML, 內容及值 html(), text(). val()
- 建立、移動、刪除HTML元素 append(), remove(), after(), before(), wrap()
- 存取元素的 CSS 屬性/值 css(), addClass(), removeClass(), toggleClass()
【讓網頁動起來】
- 顯示及隱藏 show(), hide(), toggle()
- 淡入及淡出 fadeIn(), fadeOut(), fadeTo()
- 進階動畫 animate(), stop()
- 讓 animate() 支援更多的 css 屬性
- 滑入及滑出 slideUp(), slideDown(), slideToggle()
- 更多的動畫效果
【實用的jQuery套件】
- 記住使用者的設定及資料 Cookie
- Mac選單我也有 IconDock
- 燈箱效果(幻燈片) ThickBox
- 右鍵選單 ContextMenu
- 頁籤選單 Tabs