HAHOW 線上課程 使用 jQuery 打造互動性網頁動畫效果 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版) HAHOW線上課程使用jQuery打造互動性網頁動畫效果講師:六角學院(線上程式開發學習單位)影音教學中文發音繁體中文字幕版(DVD版)內容說明: 課程介紹 儘管你沒有JavaScript基礎也適合上這門課，為網頁添加具互動性的網頁動畫效果！ 學習目標 能夠掌握如何在網頁上設計互動性網頁動畫效果 有辦法輕易整合別人寫好的第三方動畫插件，並套用在自己的網頁上 有能力評估別人的網站究竟是用了哪些插件來設計網頁動畫效果 當jQuery程式碼變多時，也能夠有條理地進行維護整理 所學知識 需具備CSS與HTML基礎，舉例來講至少必須了解以下語法的用途 CSS： .box{ color:red; } 建議至少知道以下CSS語法用途 transition、background、color、display、overflow HTML： <ul> <liclass=\"box\">這是一段話</li> </ul> 了解這兩者標籤用途 <script></script> <style></style> 所需工具 本課程使用SublimeText3網頁編輯器進行教學 哪些人適合這堂課？ 工作上負責優化網頁使用者體驗的人，如：網頁設計師、UIUX、前端工程師 職涯發展中，目標成為網頁設計師、前端工程師、軟體工程師的人 希望能夠獨立建立網站、學習網站設計的人 講師介紹 六角學院是一所線上程式開發學習單位，目前已累積20,000名學員，讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是，如果您贊同我們的理念，歡迎加入六角。 我們將深入了解您想發展的領域，每位實習生我們都會量身打造專屬於您的舞台，並讓您實際瞭解公司營運Knowhow。 課程內容: 001_課前說明.mp4 002_JavaScript與jQuery傻傻分不清楚？讓我們來教你！.mp4 003_初探jQuery強大之處(練習流程).mp4 004_初探jQuery強大之處.mp4 005_下載jQuery檔案，介紹1.x與2.x的差別.mp4 006_設定jQuery環境好簡單.mp4 007_jQuery環境建置範例程式碼.mp4 008_小叮嚀(win熱鍵提醒)：使用Sublime插件提升寫jQuery效率.mp4 009_使用Sublime插件提升寫jQuery效率.mp4 010_選擇器：設定CSS般指定要操控的網頁元素.mp4 011_選擇器範例程式碼.mp4 012_輕鬆撰寫第一個網頁設計互動效果.mp4 013_點擊事件範例程式碼.mp4 014_使用toggle切換開啟或隱藏效果.mp4 015_教你如何除錯jQuery.mp4 016_jQuery辭典-輕鬆查詢功能一把抓.mp4 017_使用Slide設計滑動效果.mp4 018_使用Fade設計淡入淡出效果.mp4 019_都不喜歡？那使用toggleClass、搭配CSS3Transition自訂CSS效果吧！.mp4 020_設定CSS動畫小密技：overflow、CSS3transition.mp4 021_jQuery鏈式寫法.mp4 022_善用chrome內建開發工具，提升撰寫jQuery效率.mp4 023_使用preventDefault()取消默認行為.mp4 024_preventDefault程式碼範例.mp4 025_css()-教你如何動態載入CSSstyle設定.mp4 026_設計下拉式收闔選單.mp4 027_delay()-延遲動畫效果的好用語法.mp4 028_即時放大縮小字型好簡單.mp4 029_fixed固定網頁內容.mp4 030_使用stop()讓你的動畫效果更滑順.mp4 031_設定offcanvas左右選單切換.mp4 032_Animate.css更新說明.mp4 033_Animate.css-載入第三方插件-增添網頁動畫豐富度.mp4 034_this-教你如何操作本身元素.mp4 035_parent()-找到父階層元素.mp4 036_siblings()-同層元素.mp4 037_find()-輕鬆找到子元素內容.mp4 038_設計QA折疊選單.mp4 039_二階層式折疊選單設計.mp4 040_使用html()、text()載入內容.mp4 041_click()、on()的差別.mp4 042_click與on的範例程式碼.mp4 043_總結回顧.mp4 044_attr()-動態增加HTML標籤屬性.mp4 045_remove()-移除網頁標籤小工具.mp4 046_top滑動效果.mp4 047_使用fontAwesome動態加入連結icon.mp4 048_使用第三方plugin需要注意的細節.mp4 049_Lightbox2-圖片燈箱效果(上).mp4 050_Lightbox2-圖片燈箱效果(下).mp4 051_Swiper-輪播效果(上).mp4 052_Swiper-輪播效果(中).mp4 053_Swiper-輪播效果(下).mp4 054_Swiper-補充備註.mp4 055_將上面的效果試著整合在一個網頁中吧！.mp4 056_如何去查詢別人使用的jQuery插件.mp4 057_網頁關鍵字速記表.mp4 058_如何從網路上找到適合自己的學習教材.mp4 教材 004_jQuery官網.htm 005_jquery2.2.3.min.js 005_jQueryv2.2.3 005_jQuery下載頁面.htm 005_sublimetext官方網站.htm 006_1.project-1.x-2.x.zip 012_2-hidebutton.zip 014_2-toggle.zip 016_jQuery線上辭典.htm 017_3-slide.zip 018_3-fade.zip 019_3-toggleclass-transition.zip 020_3-overflow.zip 023_4-preVentDefault.zip 025_4-css.zip 026_4-toggleMenu.zip 029_4-fixedclose.zip 030_4-stop.zip 031_4-offcans.zip 034_5-this.zip 035_5-parent.zip 036_5-siblings.zip 037_5-find.zip 038_5-find-QA.zip 039_5-find-twomenu.zip 044_6-attr.zip 045_6-remove.zip 046_6-top.zip 047_6-fontawseome.zip 048_Statcounter_.pdf 049_7-lightbox.zip 049_lightbox2.htm 051_swiper-top.zip 051_swiper官網網站.htm 052_swiper-middle.zip 053_images.zip 055_lightbox+swiper.zip 相關商品:HAHOW線上課程使用HTML、CSS開發一個網站講師:六角學院(線上程式開發學習單位)影音教學中文發音繁體中文字幕版(DVD版)HAHOW線上課程一變應萬變：RWD響應式網頁設計講師:六角學院(線上程式開發學習單位)影音教學中文發音繁體中文字幕版(DVD版)HAHOW線上課程精通Bootstrap4：開發超強不解釋講師:六角學院(線上程式開發學習單位)影音教學中文發音繁體中文字幕版(DVD版)HAHOW線上課程一小時能聽又能說！超實用泰語會話入門講師:Sunee(泰語老師)影音教學中文發音繁體中文字幕版(DVD版)HAHOW線上課程進階實戰OKR：英特爾組織管理戰略講師:王怡淳(Chris)(OKR實戰顧問)影音教學中文發音繁體中文字幕版(DVD版)