Adobe - jQuery
JavaScript與jQuery網頁互動實作
Learning jQuery
- 時數:36小時
- 費用:NT$ 18,000
- 點數:5.5
選擇查詢分區開課時間
教材
課程目標
在網站設計過程中,若只是使用XHTML+CSS設計網頁,基本上只能設計出如同印刷品般缺乏互動的靜態頁面,而JavaScript是在用戶瀏覽器上執行的程式語言,最主要的功能就是要提供網頁的互動能力,優化使用者經驗。這幾年越來越多的入口網站如Google、Yahoo都使用這個技術,更使JavaScript蔚為風潮。
而jQuery這套由JavaScript所撰寫的前台函式庫,由於表現突出亮眼,近年來好評不斷,眾多大型企業與軟體公司紛紛採用jQuery做為框架,進行網頁軟體開發。這是因為jQuery提供了許多強大功能,能夠一次解決網頁設計上常見的重大困難。
首先是jQuery能夠有效弭平各家瀏覽器相容性的問題,避免相同網頁在不同的瀏覽器呈現時,導致不同的結果。其次是如果直接以JavaScript撰寫程式碼,不但困難並且複雜難懂,而透過jQuery完善的元件選取器,配合其強大的函式庫,大幅降低了JavaScript程式的撰寫困難度,能以短短幾行簡潔有力的程式碼,取代原來複雜冗長的程式碼。
jQuery UI互動元件架構在廣受好評的jQuery之上,因此擁有最佳的效能與相容度,目前也是相關元件開發工具的首選,只要善加使用jQuery UI這個強大又輕巧的工具,就能在開發網站時如虎添翼,輕易完成許多互動的效果、甚至加入動畫,更別說是常見的日期選擇器、滑棒、手風琴與自動填表等網頁中必要的功能。
本課程會循序漸進的完整講解jQuery UI中各種便利的元件。透過範例中簡單的步驟,就能有各種美觀的互動元件來豐富網頁,如果希望能夠大幅縮短開發時間,提升生產力,jQuery UI是不可或缺的絕妙工具。
適合對象
- 希望提升網頁互動能力,或縮短開發時程者
- 適合網頁設計師或網站程式開發人員
預備知識
熟悉HTML,適合網頁設計師或網站程式開發人員
先修課程:前端必學的網頁開發基礎技能
課程內容
- CSS樣式基礎知識與設定
- JavaScript基礎知識與語法
- jQuery基礎知識
- jQuery動態效果,與動畫設定
- jQuery選取器,包含階層、內容、屬性、表單等各式選取方式
- jQuery樣式套用,可取得物件樣式屬性與動態設定樣式
- jQuery綁定事件,如滑鼠、鍵盤、系統等
- jQuery控制DOM物件
- jQuery操控AJAX
- jQuery UI的介紹與安裝設定
- 輕易完成分頁標籤(Tabs)
- 手風琴選單(Accordion)的製作
- 可移動與縮放對話盒(Dialog)的設計
- 藉由刻度滑桿(Slider)的介面輸入數值
- 便利的日期選擇器(Datepicker)
學會技能
- 能夠初步了解CSS與JavaScript的語法與指令
- 能夠使用jQuery選取DOM物件,並且加以操作
- 能使用jQuery製作具有互動性的視覺效果
- 能夠套用以及修改jQuery UI的預設外觀
- 快速以jQuery UI建立美觀元件
- 徹底了解jQuery UI的結構與互動能力
備註事項
1.學生優惠價:參加校園IT職涯學習護照方案,享有5折優惠價
2.前端課程系列合報優惠:報名2科8折,4科75折由此報名
※前端入門課程限時優惠方案僅搭配下列課程
-前端工程師必學的網頁開發基礎技能-Sass與SCSS快速上手
-前端工程師互動式網頁程式設計-UI 與元件設計
-JavaScript與jQuery網頁互動實作
4.課程範例:
推薦課程
相關連結
台北恆逸教育訓練中心
- 02-25149191
- 02-25149292
- 台北市松山區復興北路99號14樓
新竹恆逸教育訓練中心
- 03-5723322
- 03-5745738
- 新竹市光復路二段295號3樓之2
台中恆逸教育訓練中心
- 04-23297722
- 04-23102000
- 台中市西區臺灣大道二段309號2樓
高雄恆逸教育訓練中心
- 07-5361199
- 07-5361698
- 高雄市苓雅區新光路38號4樓之1