優勢多媒體 - jQueryUI

jQuery UI互動元件快速上手

Learning jQuery UI
  • 時數:24小時
  • 費用:NT$ 12,000
  • 點數:3.5

選擇查詢分區開課時間

地點 班號 日期 時間 報名

目前查無開課時段

詳細開課時間請洽詢業務

聯絡恆逸

教材

優勢精選教材

課程目標

jQuery UI互動元件架構在廣受好評的jQuery之上,因此擁有最佳的效能與相容度,目前也是相關元件開發工具的首選,只要善加使用jQuery UI這個強大又輕巧的工具,就能在開發網站時如虎添翼,輕易完成許多互動的效果、甚至加入動畫,更別說是常見的日期選擇器、表單、滑棒、手風琴與自動填表等網頁中必要的功能。

本課程會循序漸進的完整講解jQuery UI中各種便利的功能。透過範例中簡單的步驟,就能產生美觀的元件,使製作的網頁更加精采。而在網頁中一些常見的互動指令如拖曳、排列、縮放等行為,在jQuery UI中只需要一行指令,再透過簡單設定就能夠完美呈現,完全不需要像使用單純JavaScript開發般的冗長與困難。

如果進一步要做出動畫效果,極可能要牽涉到許多複雜的數學運算,而對jQuery UI來說,通常也僅僅需要一個指令就能完成。甚至只要CSS設計出開始與結束的兩個樣式外觀,jQuery UI就能夠自動讓網頁由開始的CSS樣式,自動產生動畫,平順的動態轉換到結束的CSS樣式設定。

如果想要設計出一個互動良好的網站,也希望能有各種美觀的互動元件來豐富網頁,但是又不想深入學習複雜的JavaScript;或是希望能夠大幅縮短開發時間,提升生產力,jQuery UI都是不可或缺的絕妙工具。

適合對象

有網頁設計經驗者,適合網頁設計師或網站程式開發人員。需熟悉HTML與CSS,略懂JavaScript與jQuery者更佳。

預備知識

已完成以下課程所具備技術能力

jQuery:JavaScript與jQuery網頁互動實作

課程內容

  1. jQuery UI的介紹與安裝
  2. 輕易完成分頁標籤(Tabs)
  3. 手風琴選單(Accordion)的製作
  4. 可移動與縮放對話盒(Dialog)的設計
  5. 各種不同外觀與功能的按鈕(Button)
  6. 以刻度滑桿(Slider)的介面輸入數值
  7. 便利的日期選擇器(Datepicker)
  8. 使文字框自動出現建議清單(Autocomplete)
  9. 設定可拖曳物件(Draggable)與目標區域(Droppable)
  10. 多重選取(Selectable)頁面內元素並重新排列(Sortable)
  11. 以滑鼠調整元素尺寸(Resizeable)
  12. 各式jQuery UI所提供的視覺效果(Effect)與動畫(Animate)

學會技能

  1. 能夠套用以及修改jQuery UI的預設外觀
  2. 快速以jQuery UI建立美觀元件
  3. 能夠立即使用jQuery UI所提供之動畫功能
  4. 徹底瞭解jQuery UI的結構與互動能力

備註事項

學生優惠價:參加校園IT職涯學習護照方案,享有5折優惠價NT$6,000元

課程範例: