優勢多媒體前端互動設計課程 - jQueryUI

jQuery UI互動元件快速上手

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

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 20936 班 2020/11/28 ~ 2020/12/06 每週六日 09:00~16:00 報名

目前查無開課時段

如有遠距上課需求,請參考台北開課日期
詳細開課請洽各分區服務人員

聯絡恆逸

教材

優勢精選教材

課程目標

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

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

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

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

適合對象

  1. 希望提升網頁互動能力,或縮短開發時程者
  2. 適合網頁設計師或網站程式開發人員
  3. 需熟悉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的結構與互動能力

備註事項

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

2.前端入門課程限時優惠方案:報名任兩科75折,報名4科5折由此報名

※前端入門課程限時優惠方案僅搭配下列課程

-JavaScript與jQuery網頁互動實作

-jQuery UI互動元件快速上手

-前端工程師互動式網頁程式設計-UI 與元件設計

-前端必學的網頁開發基礎技能