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

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

講師:廖 洧杰

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

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

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

課程大綱

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

基本條件

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

這門課程適合...

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

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

口碑推薦

同學怎麼說

薛德豪
王志誠老師講課觀念清晰,而且重點處都會特地標示,或著補充說明,我覺得這對於吸收課程很有幫助。
張絨美
觀念講解非常細緻清楚,循序漸進幫助學員快速上手,課程中藉由不斷提醒加深印象,並利用練習不同例子來熟悉如何使用Bootstrap所提供之相關元件與核心概念。
凱澤
老師介紹的內容非常詳細,也會有讓人想一直聽下去的感覺,可能出現的問題也會事先說明清楚
董翠峰
教學詳細,講師有條理邏輯清晰!學到很多之前不知道的技巧。
劉冠廷
真的很推薦這門課程,獲益良多,節省掉很多K書的時間,但還是需要反覆練習XD
43680739
深入淺出的學習GA分析 FB像素和GTM 。
育瑄
透過這個方法可以去看看別人成功行銷方式大概是什麼,可以跟進學習
建良
上完這門課後,除了能學習到 Mixpanel、FB 像素、GA 外,也對於行銷這門學問有更深一步的了解,也將行為 > 漏斗 > 轉換這一個重要的流程牢牢記住。
Shuwei
了解了gulp如何幫助流程及deploy,相當有幫助
Liew Chin
Good explain for fresh
龍二
我在接觸六角學院之前,上過一些類似的課程,但是都講得太快,或是上課品質沒有那麼好, 更重的的事課後不理:( 這對於我這個初學者有很大的打擊,必教室第一次接觸不可能看影片就會懂, 但是六角學院完全不一樣,有課後作業,以及有專業助教隨問隨答的方式讓我更加明白跟理解我的問題在哪裡, 也可以參考學長姐的作業反覆地檢視自己,讓自己更加理解自己的問題點!謝謝讓我遇到六角學院。
邱唯婷
我是完全初學者,覺得老師教得很清楚,謝謝~
謝宗林
完全適合初學者, 課程還會不斷更新覺得划算
Yvonne
This course is absolutely amazing! I can't wait to finish the course and make my own website!
Jerry
我是初學者, 老師講解的很詳細!! 很感恩老師!!
John
講師教得很仔細,對入門者來說很有幫助,只要跟著學、一邊做,一定能學會!
黃瀚維
謝謝廖老師淺顯易懂的JavaScript入門
shao bin
上課內容精彩又豐富,讓初學者覺得jQuery原來挺有趣
Dory
老師講解的很清楚。如果對於 jQuery 有興趣,但不太熟悉怎麼自已寫出語法的同學來說,這門課程真的會讓你功力大增。推~
瀚德
感謝你們的付出,我的成長一路上都有你們的幫助。
怡蓁
非常清楚明瞭,但會希望步調能快一點更深入一點
Angela
淺顯易懂,很適合原本沒有程式概念的新手學習
定羽
讓我更深入了解JS、還有我自己不足的地方。
林小星
很多觀念在之前自已摸索時,常常因為看起來很像而誤解了用法,看完後對執行的原理又有更加深的理解和印象!
陳冠翰
有基本JS觀念,想要在更進階學習的,這門課很推薦
育豪
很詳細!!!深入Vue原始碼更了解它的應用
Carol
很扎實的教學,其他地方都看不到的知識,讓人耳目一新
李仁傑
非常詳細,比起市面上其他教學來得好太多太多了!!!
I-Fang
一步一步的教學git相關指令,清楚地理解指令意義,也更清楚的理解GUI介面操作所代表的意義
庭侃
課程內容非常實用,不會塞過多的資訊, 且也會模擬實際開發團隊中遇到的問題, 藉此提升學生搜尋延伸教學資源的求知慾。
陳怡蓁
會說明使用動機,可以幫助將來實際操作,內容很棒,謝謝講師講解!
高啟峰
講解清楚,進度不快不慢,難得一見的好課程!
Stephen
這門課是唯一線上教授 nodejs 後端知識技術的"中文"課程. 講師用淺顯易懂的方式和大量的範例講解前端(網頁)和後端(伺服器)資料交換的觀念和方法 : "前端<==>後端<==>資料庫<==>後端<==>前端". 這門課是幫助我進入後端世界的鑰匙. 瞭解了前後端資交換資料的觀念和方法後, 現在除了應用 express 開發後端服務, 也在使用 socket.io, webrtc 等技術進行資料傳輸. 感謝六角學院, 除了專注在前端教學外, 也不忘照顧後端開發者的需求. 這門課對我幫助非常大, 我給 10 顆星 !!!
Charles
很棒的課程 ! 讓前端工程師也可以很清楚的了解後端的邏輯,在團隊合作上也會更加容易 !
Ray
課程講解上非常輕鬆易懂,老師也非常用心的回答,目前來講這是我上過最好的Nodejs課程:D
TienYi
學這門課是希望可以用 Node.js 後端開發 API,對於嘗試開發自己 API 的我收穫良多。
Nien-Ying
蠻精華的!! 短時間內就能掌握重點知識!!
Jean
老師教學的很清楚、說明易懂。介紹了很多非常實用的套件以及網站,可以讓我們這樣的初學者很快的上手操作。講解淺白易懂,投影片及影片製作非常用心。很棒的課程!
黃英鳴
老師都把最常用到的技巧講解得很清楚,相當好吸收非常值得推薦。
凱澤
老師講解的很詳細,問題回復得很快,也都有得到想要的答覆
Chi-Tung
教法淺顯易懂、有圖形說明、直接教業界實用的觀念、十分有用
奕濡
內容豐富,結構完整,能夠學習到豐富的RWD邏輯,給滿分好評
張志銘
原本以為SASS不好理解,但老師的講解非常淺顯易懂,非常好學習
張簡
非常適合SASS新手,老師講解得非常清楚,觀念也很棒!!
趙知遠
講解詳細,對於CSS編寫的習慣跟模式多有著墨。
賤賤
自學到現在 很多遇到的問題像拼圖一樣 一塊一塊的填起來 被塞滿的感覺 讚
Sam
不只學習SASS也釐清很多在CSS撰寫技巧與觀念,就算CSS不是那麼熟,也建議閱讀,將基礎架構觀念了解後,再去加強個別CSS 功能及用法。
奕濡
完整的解說 Vue強大之處以及應用,非常推薦
伍亘郁
一邊準備面試一邊學習 vue.js 感覺更有動力
yihao
課程講解的很詳盡,課程問題也很盡心盡力為學員回覆,很有耐心~受益良多
Janet
課程搭配實作,且老師們都會細心回覆同學的作業,能幫助自己發現不足之處以補強。
思秀
老師講解得很清楚 好理解,初學者也能輕鬆學習
吳家瑜
很棒~提供很多實用資源,深入淺出的教導Adobe XD入門教學
這門課程目前有

人一起上課

實際人數以 Udemy 上為主

這門課程目前還沒有同學

此課程正在準備中 :)

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

原價 1600

現在上課去 NT$ 1500

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

我想學網頁設計

已有 1,310 人擁有此組合

原價:8400

−30 % off:NT$ 2520

NT$ 5880

付款上課去 arrow_forward

我想學會 JS 和框架

已有 986 人擁有此組合

原價:10000

−30 % off:NT$ 3000

NT$ 7000

付款上課去 arrow_forward