優勢多媒體 - jQueryUI

jQuery UI互動元件快速上手

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

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 19662 班 2019/05/04 ~ 2019/05/12 每週六日 09:00~16:00 報名
台北 19660 班 2019/05/13 ~ 2019/05/16 每週一二三四 09:00~16:00 報名

目前查無開課時段

詳細開課時間請洽詢業務

聯絡恆逸

教材

優勢精選教材

課程目標

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)

備註事項

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

課程範例: