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

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

jQuery

講師:廖 洧杰

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

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

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

課程大綱

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

基本條件

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

這門課程適合...

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

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

口碑推薦

同學怎麼說

V
老師的講解很好理解,非常適合新手學習 !!!!!
薛德豪
王志誠老師講課觀念清晰,而且重點處都會特地標示,或著補充說明,我覺得這對於吸收課程很有幫助。
張絨美
觀念講解非常細緻清楚,循序漸進幫助學員快速上手,課程中藉由不斷提醒加深印象,並利用練習不同例子來熟悉如何使用Bootstrap所提供之相關元件與核心概念。
凱澤
老師介紹的內容非常詳細,也會有讓人想一直聽下去的感覺,可能出現的問題也會事先說明清楚
董翠峰
教學詳細,講師有條理邏輯清晰!學到很多之前不知道的技巧。
劉冠廷
真的很推薦這門課程,獲益良多,節省掉很多K書的時間,但還是需要反覆練習XD
43680739
深入淺出的學習GA分析 FB像素和GTM 。
育瑄
透過這個方法可以去看看別人成功行銷方式大概是什麼,可以跟進學習
Shuwei
了解了gulp如何幫助流程及deploy,相當有幫助
Kevin
老師的講解非常的清楚,讓我以前不了解的部分都可以取得解答。 老師講解 CSS 從最基本的 html tag 開始講起,再來套用 class ,一整套流程下來,CSS的撰寫再也不是天書了,感謝洧杰老師的教導!
Liew Chin
Good explain for fresh
Wei Hsuan
這課程很適合剛剛接觸的JS新手先講解原理再給練習題目複習挑戰 加快吸收知識
Jerry
我是初學者, 老師講解的很詳細!! 很感恩老師!!
John
講師教得很仔細,對入門者來說很有幫助,只要跟著學、一邊做,一定能學會!
Lai Den
描述的很清楚,讓人可以很快了解與認識JQuery。 謝謝!
金運
上課內容精彩又豐富,讓初學者覺得jQuery原來挺有趣
Dory
老師講解的很清楚。如果對於 jQuery 有興趣,但不太熟悉怎麼自已寫出語法的同學來說,這門課程真的會讓你功力大增。推~
瀚德
感謝你們的付出,我的成長一路上都有你們的幫助。
rita
非常清楚明瞭,但會希望步調能快一點更深入一點
定羽
讓我更深入了解JS、還有我自己不足的地方。
林小星
很多觀念在之前自已摸索時,常常因為看起來很像而誤解了用法,看完後對執行的原理又有更加深的理解和印象!
陳冠翰
有基本JS觀念,想要在更進階學習的,這門課很推薦
育豪
很詳細!!!深入Vue原始碼更了解它的應用
Carol
很扎實的教學,其他地方都看不到的知識,讓人耳目一新
Billchu
It's easy to understand, and provides basic and useful commands.
Kira
真的很棒!!本來還很擔心git 和github 課程會很難,內容超容易理解!!
李仁傑
非常詳細,比起市面上其他教學來得好太多太多了!!!
I-Fang
一步一步的教學git相關指令,清楚地理解指令意義,也更清楚的理解GUI介面操作所代表的意義
庭侃
課程內容非常實用,不會塞過多的資訊, 且也會模擬實際開發團隊中遇到的問題, 藉此提升學生搜尋延伸教學資源的求知慾。
弘一
這堂課買了好久了, 直到最近才開始看,因為專案需要而開始用Nodejs,這門課洧傑老師教真的淺顯易懂,整體課程深入淺出,課程本身也帶出很多有用的後端運作及開發上的觀念,就算不用nodejs開發,也很有幫助,值得推薦的一門課
lalaro
這堂課讓我學到很多, Node.js開發還有很多需要學習,謝謝老師的課程
Stephen
這門課是唯一線上教授 nodejs 後端知識技術的"中文"課程. 講師用淺顯易懂的方式和大量的範例講解前端(網頁)和後端(伺服器)資料交換的觀念和方法 : "前端<==>後端<==>資料庫<==>後端<==>前端". 這門課是幫助我進入後端世界的鑰匙. 瞭解了前後端資交換資料的觀念和方法後, 現在除了應用 express 開發後端服務, 也在使用 socket.io, webrtc 等技術進行資料傳輸. 感謝六角學院, 除了專注在前端教學外, 也不忘照顧後端開發者的需求. 這門課對我幫助非常大, 我給 10 顆星 !!!
Charles
很棒的課程 ! 讓前端工程師也可以很清楚的了解後端的邏輯,在團隊合作上也會更加容易 !
Alice
蠻精華的!! 短時間內就能掌握重點知識!!
Jean
老師教學的很清楚、說明易懂。介紹了很多非常實用的套件以及網站,可以讓我們這樣的初學者很快的上手操作。講解淺白易懂,投影片及影片製作非常用心。很棒的課程!
黃英鳴
老師都把最常用到的技巧講解得很清楚,相當好吸收非常值得推薦。
Elsber
very clear explaination
Ling-Siou
易懂且實用,早知道早點把課上完了T>T 也感受到英文學好命名可以順很多...
張志銘
原本以為SASS不好理解,但老師的講解非常淺顯易懂,非常好學習
張簡
非常適合SASS新手,老師講解得非常清楚,觀念也很棒!!
趙知遠
講解詳細,對於CSS編寫的習慣跟模式多有著墨。
賤賤
自學到現在 很多遇到的問題像拼圖一樣 一塊一塊的填起來 被塞滿的感覺 讚
陳清誠
老師上課簡單易懂,課程架構清楚且邏輯清晰,相當推薦!(建議語速可以調至1.25/1.5)
奕濡
完整的解說 Vue強大之處以及應用,非常推薦
Janet
課程搭配實作,且老師們都會細心回覆同學的作業,能幫助自己發現不足之處以補強。
思秀
老師講解得很清楚 好理解,初學者也能輕鬆學習
吳家瑜
很棒~提供很多實用資源,深入淺出的教導Adobe XD入門教學
這門課程目前有

人一起上課

實際人數以 Udemy 上為主

這門課程目前還沒有同學

此課程正在準備中 :)

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

原價:NT$ 1600 12 % off
現在上課去 NT$ 1,408

現在上課去 NT$ 1600

課程影片約 6 小時

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

我想學網頁設計

已有 1,310 人擁有此組合

原價:8600

−25 % off:NT$ 2150

NT$ 6450

付款上課去 arrow_forward

我想學 JS 和框架

已有 986 人擁有此組合

原價:10000

−25 % off:NT$ 2500

NT$ 7500

付款上課去 arrow_forward

已有 986 人擁有此組合

原價:10000

−25 % off:NT$ 2500

NT$ 7500

付款上課去 arrow_forward