使用 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 上參與六角學院線上課程

口碑推薦

同學怎麼說

Su
簡單明瞭 , 且有許多實例練習 , 學完受益良多!
Karen
還沒開始上不知道 但我需要字幕我喜歡用念的
Ling-Chung
其實我不清楚對於其他人來說怎樣的上課模式比較適合,但是我本人比較喜歡的上課方式是類似於一堂課上完之後有一份作業,然後把那份作業幾乎從無到有的寫出來,而不是單純利用老師寫好的程式碼去做修改,來達到目標。直到第76堂課之前,我照著老師說的去做修改,但是我感覺自己像是什麼都沒有學到一樣的看完了75堂課,這讓我很挫折。第76堂課總算是開始從無到有寫出一個東西來,我感覺我會在接下來的章節學到很多,只是多少會覺得自己好像浪費了不少時間在觀看前面的課程。
KCKyle
很適合!! 我很喜歡六角的課程,希望能快些將網站程式練功好,未來可以順利轉職! 加油!
林貝珊
非常適合 尤其漏聽的部分 有問題可以隨時再重看一次
Ting-Hsuan
循序漸進,加深基本知識,很棒的課程!!老師講的非常清楚,讓我釐清很多觀念,很推薦~
王秉承
上完這堂課後,知道即使是無基礎的程式背景,也是可以了解並寫出HTML.CSS程式碼
冠穎
瞭解到很多自學時沒注意到的小細節和有效率的開發方法。
Shuwei
章節內容豐富,額外知識也補充很多,重點是問答區回答超
Peter
非常詳盡,而且老師會用不同的例子解釋同一種概念, 也因為如此我都用兩倍速度看,哈哈 非常非常適合初學者。 缺點是,看完廖老師的課程後, 有點不習慣其他老師的教學風格XD
Nien-Ying
super clear explanation, sadly I am in different time zone, so always miss the weekly meeting. Totally save my time and give me pretty well structure to figure out what I should know/ learn/ improve in near future. Like I had spent almost 2 months with Javascript before but didn't really understand the basics, and got these in 2 weeks with this course, highly recommend specially for absolute beginner who doesn't know what to do!! Thanks for the lecture, super kind and patient!!
YuFan
老师的讲解非常详细,有简入难,话术简单易懂!
薛德豪
很棒,老師講解得很清楚。對於javascript的內容講解得非常詳細,連我這個毫無基礎的學生,都很容易就能理解。
伍亘郁
簡化好多JS的程式碼! 但JS還是必須認真學習的程式語言 畢竟很多還是要靠JS的邏輯才寫得出來 倒數求職兩個月!
魏聖景
學習到很多網頁常看到的動畫效果,感覺很棒!
Ado
老師教得很仔細,助教也都很快速地回覆問題, 非常感謝老師跟助教們!!!!! :D
Saffran
老師講解很仔細,從簡單的範例了解原理,把基礎打穩。
Ado
以實務角度教導如何使用GitHub,老師講解得也非常容易理解,謝謝老師!!!
吳家豪
本身使用git只有一個人的經驗,沒有團隊使用經驗。經過本課程學習後相信之後遇到git團隊合作也會順暢許多。
立寧
講解很清晰,一步一步帶領著做。除了該怎麼做、能怎麼做外,對於『為什麼要這麼做』的原因也講得很清楚,不太有不明不白的地方。
Charles
很棒的課程,適合對於剛入門的新手更快速的了解 Git 強大的功能!
宇軒
本課程運用了生動的投影片佐以恰當的範例,向初學者展示了Git的魅力與強大之處,範例本身也不艱澀,很適合想初步了解Git的朋友們!
Ray
課程講解上非常輕鬆易懂,老師也非常用心的回答,目前來講這是我上過最好的Nodejs課程:D
TienYi
學這門課是希望可以用 Node.js 後端開發 API,對於嘗試開發自己 API 的我收穫良多。
宋慶譁
本身WEB工作經驗兩年,覺得課程從前端到後端到部屬,一條龍式的佛心教學,深感值得!
Nishanyeah
原理講解很清楚,而且不會時可以問到飽,超級讚
Nien-Ying
蠻精華的!! 短時間內就能掌握重點知識!!
Jean
老師教學的很清楚、說明易懂。介紹了很多非常實用的套件以及網站,可以讓我們這樣的初學者很快的上手操作。講解淺白易懂,投影片及影片製作非常用心。很棒的課程!
黃英鳴
老師都把最常用到的技巧講解得很清楚,相當好吸收非常值得推薦。
內容豐富,結構完整,能夠學習到豐富的RWD邏輯,給滿分好評
林易成
恩恩很適合不過因為前面的概念之前有學過了,期待後面更深入的教學
Ado
學 RWD 還送2個彩蛋課程!!!!! ( Sass 跟視差滾動) 非常感謝老師們的用心!!!! 學到很多,也非常充實,再次感謝老師及助教們:D
曜瑒
13章看不懂....jQ有上完~但是否要上完jS再來上13章會比較好?? 還是因為我太笨??....崩潰
薛德豪
受益良多,老師的講解淺顯易懂,非常之精闢。且每一個課程都有實際的操作與範例程式碼,此課程真是買得物超所值,非常感謝。
Ed
之前有上完 HTML 跟 CSS 在來上這個基本上很順暢
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