優勢多媒體前端互動設計 - jQuery

JavaScript與jQuery網頁互動實作

Learning jQuery
  • 時數:36小時
  • 費用:NT$ 15,000
  • 點數:4.0

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 21640 班 2021/09/25 ~ 2021/11/06 每週六 09:00~16:00 報名
新竹 21640ZH 班 2021/09/25 ~ 2021/11/06 每週六 09:00~16:00 報名 Live

目前查無開課時段

詳細開課時間請洽詢業務

聯絡恆逸

教材

恆逸專用教材

課程目標

在網站設計過程中,若只是使用XHTML+CSS設計網頁,基本上只能設計出如同印刷品般缺乏互動的靜態頁面,而JavaScript是在用戶瀏覽器上執行的程式語言,最主要的功能就是要提供網頁的互動能力,優化使用者經驗。這幾年越來越多的入口網站如Google、Yahoo都使用這個技術,更使JavaScript蔚為風潮。

而jQuery這套由JavaScript所撰寫的前台函式庫,由於表現突出亮眼,近年來好評不斷,眾多大型企業與軟體公司紛紛採用jQuery做為框架,進行網頁軟體開發。這是因為jQuery提供了許多強大功能,能夠一次解決網頁設計上常見的重大困難。

首先是jQuery能夠有效弭平各家瀏覽器相容性的問題,避免相同網頁在不同的瀏覽器呈現時,導致不同的結果。其次是如果直接以JavaScript撰寫程式碼,不但困難並且複雜難懂,而透過jQuery完善的元件選取器,配合其強大的函式庫,大幅降低了JavaScript程式的撰寫困難度,能以短短幾行簡潔有力的程式碼,取代原來複雜冗長的程式碼。

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

本課程會循序漸進的完整講解jQuery UI中各種便利的元件。透過範例中簡單的步驟,就能有各種美觀的互動元件來豐富網頁,如果希望能夠大幅縮短開發時間,提升生產力,jQuery UI是不可或缺的絕妙工具。

預備知識

熟悉HTML,適合網頁設計師或網站程式開發人員

先修課程:前端必學的網頁開發基礎技能

課程內容

  1. CSS樣式基礎知識與設定
  2. JavaScript基礎知識與語法
  3. jQuery基礎知識
  4. jQuery動態效果,與動畫設定
  5. jQuery選取器,包含階層、內容、屬性、表單等各式選取方式
  6. jQuery樣式套用,可取得物件樣式屬性與動態設定樣式
  7. jQuery綁定事件,如滑鼠、鍵盤、系統等
  8. jQuery控制DOM物件
  9. jQuery操控AJAX
  10. jQuery UI的介紹與安裝設定
  11. 輕易完成分頁標籤(Tabs)
  12. 手風琴選單(Accordion)的製作
  13. 可移動與縮放對話盒(Dialog)的設計
  14. 藉由刻度滑桿(Slider)的介面輸入數值
  15. 便利的日期選擇器(Datepicker)
  16. 使文字輸入時自動出現建議清單(Autocomplete)

學會技能

  1. 能夠了解JavaScript的語法與指令
  2. 能夠使用jQuery選取DOM物件,並且加以操作
  3. 能使用jQuery製作具有互動性的視覺效果
  4. 能夠套用以及修改jQuery UI的預設外觀
  5. 快速以jQuery UI建立美觀元件
  6. 徹底了解jQuery UI的結構與互動能力

備註事項

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

2.前端課程系列合報優惠:報名2科75折,3科7折由此報名

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

-JavaScript與jQuery網頁互動實作

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

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

課程範例: