使用 jQuery 打造互動性網頁動畫效果

六角學院網頁設計課程,上線不到四個月學員數突破 1500 人,更隆重推出 jQuery 動畫課程,讓你更能深入網頁設計精髓。

講師:廖 洧杰

  • 高雄前端社群發起人
  • 中華電信前端講師
  • 高雄大學前端講師
  • 十年實務經驗,授課時數超過一千小時

我將從這堂課程學到什麼?

  1. 能夠掌握如何在網頁上設計互動性網頁動畫效果
  2. 有辦法輕易整合別人寫好的第三方動畫插件,並套用在自己的網頁上
  3. 有能力評估別人的網站究竟是用了哪些插件來設計網頁動畫效果
  4. 當 jQuery 程式碼變多時,也能夠有條理地進行維護整理

課程大綱

章節標題
jQuery 入門
選擇器與事件:開始讓你的網頁具有互動性吧!
看看還有哪些動畫效果可以使用
教你如何搭配 CSS + jQuery 各式各樣的動畫效果
教你如何操控網頁元素
jQuery 常用小技巧
第三方 Pugin
jQuery UI
開始喜歡 jQuery了嗎?教你如何更精進!
課程作業

基本條件

  • 具有基本的 HTML + CSS 觀念
  • 本課程使用 Sublime Text 3 網頁編輯器進行教學

這門課程適合...

  • 想要了解 WEB UI 究竟該如何設計網頁動畫效果的學生
  • 想要設計出超棒的網頁使用者體驗的學生
  • 除了基本 jQuery 技巧,還想學會更多應用的學生

目前已超過 17,000
在 Udemy 上參與六角學院線上課程

口碑推薦

同學怎麼說

蔡名彥
內容多樣,從淺至深,老師非常用心,很適合想學Bootstrap的人來上
Su
簡單明瞭 , 且有許多實例練習 , 學完受益良多!
Karen
還沒開始上不知道 但我需要字幕我喜歡用念的
Ling-Chung
其實我不清楚對於其他人來說怎樣的上課模式比較適合,但是我本人比較喜歡的上課方式是類似於一堂課上完之後有一份作業,然後把那份作業幾乎從無到有的寫出來,而不是單純利用老師寫好的程式碼去做修改,來達到目標。直到第76堂課之前,我照著老師說的去做修改,但是我感覺自己像是什麼都沒有學到一樣的看完了75堂課,這讓我很挫折。第76堂課總算是開始從無到有寫出一個東西來,我感覺我會在接下來的章節學到很多,只是多少會覺得自己好像浪費了不少時間在觀看前面的課程。
KCKyle
很適合!! 我很喜歡六角的課程,希望能快些將網站程式練功好,未來可以順利轉職! 加油!
Shuwei
了解了gulp如何幫助流程及deploy,相當有幫助
浩緣
非常適合新手學習,每篇章節最後都會有總複習的練習或作業來提供學習驗收方向。
吳忠霖
覺得講座結束最後的小測驗和編碼練習設計得很用心,讓我們自我檢視,是否已真正吸收內化這節課想要我們了解的技術,總之,謝謝用心的製作團隊
詹詠鈞
很適合對於程式完全不熟的新手教學影片 清晰明瞭
Ting-Hsuan
循序漸進,加深基本知識,很棒的課程!!老師講的非常清楚,讓我釐清很多觀念,很推薦~
蔡名彥
內容多樣,從淺至深,老師非常用心,很適合想學JavaScript的人來上
蔡弘曆
內容很精華也容易理解 在每個階段也有給予功課以作為目標! 連初心者的我也覺得吸收很快ξ( ✿>◡❛)
浩緣
藉由重複練習實務上出的題目,對於語法的印象加深,程式碼的編寫有很大的幫助。
Shuwei
章節內容豐富,額外知識也補充很多,重點是問答區回答超
Peter
非常詳盡,而且老師會用不同的例子解釋同一種概念, 也因為如此我都用兩倍速度看,哈哈 非常非常適合初學者。 缺點是,看完廖老師的課程後, 有點不習慣其他老師的教學風格XD
伍亘郁
簡化好多JS的程式碼! 但JS還是必須認真學習的程式語言 畢竟很多還是要靠JS的邏輯才寫得出來 倒數求職兩個月!
魏聖景
學習到很多網頁常看到的動畫效果,感覺很棒!
Ado
老師教得很仔細,助教也都很快速地回覆問題, 非常感謝老師跟助教們!!!!! :D
Saffran
老師講解很仔細,從簡單的範例了解原理,把基礎打穩。
高啟峰
講解清楚,進度不快不慢,難得一見的好課程!
Ado
以實務角度教導如何使用GitHub,老師講解得也非常容易理解,謝謝老師!!!
吳家豪
本身使用git只有一個人的經驗,沒有團隊使用經驗。經過本課程學習後相信之後遇到git團隊合作也會順暢許多。
立寧
講解很清晰,一步一步帶領著做。除了該怎麼做、能怎麼做外,對於『為什麼要這麼做』的原因也講得很清楚,不太有不明不白的地方。
Charles
很棒的課程,適合對於剛入門的新手更快速的了解 Git 強大的功能!
宇軒
本課程運用了生動的投影片佐以恰當的範例,向初學者展示了Git的魅力與強大之處,範例本身也不艱澀,很適合想初步了解Git的朋友們!
Stephen
這門課是唯一線上教授 nodejs 後端知識技術的"中文"課程. 講師用淺顯易懂的方式和大量的範例講解前端(網頁)和後端(伺服器)資料交換的觀念和方法 : "前端<==>後端<==>資料庫<==>後端<==>前端". 這門課是幫助我進入後端世界的鑰匙. 瞭解了前後端資交換資料的觀念和方法後, 現在除了應用 express 開發後端服務, 也在使用 socket.io, webrtc 等技術進行資料傳輸. 感謝六角學院, 除了專注在前端教學外, 也不忘照顧後端開發者的需求. 這門課對我幫助非常大, 我給 10 顆星 !!!
Charles
很棒的課程 ! 讓前端工程師也可以很清楚的了解後端的邏輯,在團隊合作上也會更加容易 !
Ray
課程講解上非常輕鬆易懂,老師也非常用心的回答,目前來講這是我上過最好的Nodejs課程:D
TienYi
學這門課是希望可以用 Node.js 後端開發 API,對於嘗試開發自己 API 的我收穫良多。
Nien-Ying
蠻精華的!! 短時間內就能掌握重點知識!!
Jean
老師教學的很清楚、說明易懂。介紹了很多非常實用的套件以及網站,可以讓我們這樣的初學者很快的上手操作。講解淺白易懂,投影片及影片製作非常用心。很棒的課程!
黃英鳴
老師都把最常用到的技巧講解得很清楚,相當好吸收非常值得推薦。
內容豐富,結構完整,能夠學習到豐富的RWD邏輯,給滿分好評
林易成
恩恩很適合不過因為前面的概念之前有學過了,期待後面更深入的教學
Ado
學 RWD 還送2個彩蛋課程!!!!! ( Sass 跟視差滾動) 非常感謝老師們的用心!!!! 學到很多,也非常充實,再次感謝老師及助教們:D
曜瑒
13章看不懂....jQ有上完~但是否要上完jS再來上13章會比較好?? 還是因為我太笨??....崩潰
薛德豪
受益良多,老師的講解淺顯易懂,非常之精闢。且每一個課程都有實際的操作與範例程式碼,此課程真是買得物超所值,非常感謝。
Yuko
從命名 CSS 到利用變數管理,從中也能學到程式邏輯,值得推薦的課程
Jordan
幫助我滿多的css思考,雖然未來還要繼續試試看。 老師也很親切的解說我們的問題
bb
解決了許多困擾已久的疑惑,也改正了許多壞習慣,超棒的課程
Jack
適合新手快速上手,或是有寫過SASS再次複習,補足自己不足的地方
何剛
我是六角的粉絲,目前我上了老師的老幾堂課 老師教得非常好~!!!置頂
蔡名彥
內容多樣,從淺至深,老師非常用心,很適合想學Vue的人來上
Su
老師的講解都非常到位,很迅速就能掌握基本的重點,而且課程中能大量串接 api 設計屬於自己的作品,不過 JavaScript 還是要熟悉一些會比較好上手,學完之後真的受益良多。
Daisord
整個學習中漸進的熟悉 Vue 的使用,且作業題目安排適切,更加深對 Vue 的使用
Nien-Ying
講解詳細,最實用的都在這裡了! 感謝老師!
育豪
html跟javascript可以分兩個視窗,容易理解code跟tag搭配,開加速上課時視窗一直滾快眼花。
宇軒
本課程不太適合初心者,但如果你是具備一些 JavaScript 觀念的人,這門課程很適合你,這門課程具備了相當程度的實作課程,相當划算!
這門課程目前有

人一起上課

實際人數以 Udemy 上為主

這門課程目前還沒有同學

此課程正在準備中 :)

可隨時關注六角學院,了解課程開放時間喔

原價 1600

現在上課去 NT$ 1500

不滿意 30 日內 全額退費
下方有更優惠的組合方案喔

我想學網頁設計

原價:8400

−30 % off:NT$ 2520

NT$ 5880

付款上課去 arrow_forward

我想學會 JS 和框架

原價:6000

−20 % off:NT$ 1200

NT$ 4800

付款上課去 arrow_forward