備註
【Udemy線上課程】使用 jQuery 打造互動性網頁動畫效果(含教材)儘管你/妳沒有 JavaScript 基礎也適合上這門課,為網頁添加具互動性的網頁動畫效果!六角學院出品 影音教學 完整版(2片裝DVDD)<br />
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<br />
軟體名稱: 使用 jQuery 打造互動性網頁動畫效果(含教材)儘管你/妳沒有 JavaScript 基礎也適合上這門課,為網頁添加具互動性的網頁動畫效果!六角學院出品 (Udemy線上課程綜合教學)<br />
語系版本: udemy線上課程中文版<br />
光碟片數: 1片裝<br />
破解說明: 直接安裝即可!<br />
系統支援: Windows 7/8/8.1/10/PC電腦/平板手機<br />
軟體類型: 教育軟體/課程/教學<br />
更新日期: 2020.04.10<br />
相關網址:<br />
中文網站: 官方原版畫質MP4檔<br />
軟體簡介: (https://www.udemy.com)<br />
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<br />
內容說明:<br />
<br />
<br />
您會學到<br />
能夠掌握如何在網頁上設計互動性網頁動畫效果<br />
有辦法輕易整合別人寫好的第三方動畫插件,並套用在自己的網頁上<br />
有能力評估別人的網站究竟是用了哪些插件來設計網頁動畫效果<br />
影片介紹:<br />
<br />
<br />
<br />
<br />
課程內容:<br />
<br />
<br />
├─01 六角學院線上資源<br />
│ 001 六角學院線上社團.html<br />
│<br />
├─02 jQuery 入門<br />
│ 002 JavaScript 與 jQuery 傻傻分不清楚? 讓我們來教你!-zh.srt<br />
│ 002 JavaScript 與 jQuery 傻傻分不清楚? 讓我們來教你!.mp4<br />
│ 003 六角學院線上問答會資訊.html<br />
│ 004 初探 jQuery 強大之處(練習流程).html<br />
│ 005 jQuery-.txt<br />
│ 005 初探 jQuery 強大之處-zh.srt<br />
│ 005 初探 jQuery 強大之處.mp4<br />
│ 006 jQuery-.txt<br />
│ 006 Sublime-Text-3-.txt<br />
│ 006 下載jQuery檔案,介紹1.x與2.x的差別-zh.srt<br />
│ 006 下載jQuery檔案,介紹1.x與2.x的差別.mp4<br />
│ 007 1.project-1.x-2.x.zip<br />
│ 007 設定 jQuery 環境好簡單-zh.srt<br />
│ 007 設定 jQuery 環境好簡單.mp4<br />
│ 008 jQuery 環境建置範例程式碼.html<br />
│ 009 小叮嚀(win熱鍵提醒):使用 Sublime 插件提升寫 jQuery 效率.html<br />
│ 010 使用 Sublime 插件提升寫 jQuery 效率-zh.srt<br />
│ 010 使用 Sublime 插件提升寫 jQuery 效率.mp4<br />
<br />
<br />
│<br />
├─03 選擇器與事件:開始讓你的網頁具有互動性吧!<br />
│ 011 選擇器:設定 CSS 般指定要操控的網頁元素-zh.srt<br />
│ 011 選擇器:設定 CSS 般指定要操控的網頁元素.mp4<br />
│ 012 選擇器範例程式碼.html<br />
│ 013 2-hidebutton.zip<br />
│ 013 輕鬆撰寫第一個網頁設計互動效果-zh.srt<br />
│ 013 輕鬆撰寫第一個網頁設計互動效果.mp4<br />
│ 014 點擊事件範例程式碼.html<br />
│ 015 2-toggle.zip<br />
│ 015 使用 toggle 切換開啟或隱藏效果-zh.srt<br />
│ 015 使用 toggle 切換開啟或隱藏效果.mp4<br />
│ 016 教你如何除錯 jQuery-zh.srt<br />
│ 016 教你如何除錯 jQuery.mp4<br />
│ 017 jquery 辭典 - 輕鬆查詢功能一把抓-zh.srt<br />
│ 017 jquery 辭典 - 輕鬆查詢功能一把抓.mp4<br />
│ 017 jQuery-.txt<br />
│<br />
├─04 看看還有哪些動畫效果可以使用<br />
│ 018 3-slide.zip<br />
│ 018 使用 Slide 設計滑動效果-zh.srt<br />
│ 018 使用 Slide 設計滑動效果.mp4<br />
│ 019 3-fade.zip<br />
│ 019 使用 Fade 設計淡入淡出效果-zh.srt<br />
│ 019 使用 Fade 設計淡入淡出效果.mp4<br />
│ 020 3-toggleclass-transition.zip<br />
│ 020 都不喜歡?那使用 toggleClass、搭配 CSS3 Transition 自訂 CSS 效果吧!-zh.srt<br />
│ 020 都不喜歡?那使用 toggleClass、搭配 CSS3 Transition 自訂 CSS 效果吧!.mp4<br />
│ 021 3-overflow.zip<br />
│ 021 設定 CSS 動畫小密技:overflow、CSS3 transition-zh.srt<br />
│ 021 設定 CSS 動畫小密技:overflow、CSS3 transition.mp4<br />
│ 022 jquery 鏈式寫法-zh.srt<br />
│ 022 jquery 鏈式寫法.mp4<br />
│ 023 善用 chrome 內建開發工具,提升撰寫 jQuery 效率-zh.srt<br />
│ 023 善用 chrome 內建開發工具,提升撰寫 jQuery 效率.mp4<br />
│<br />
├─05 教你如何搭配 CSS + jQuery 各式各樣的動畫效果<br />
│ 024 4-preVentDefault.zip<br />
│ 024 使用 preventDefault() 取消默認行為-zh.srt<br />
│ 024 使用 preventDefault() 取消默認行為.mp4<br />
│ 025 preventDefault 程式碼範例.html<br />
│ 026 4-css.zip<br />
│ 026 css() - 教你如何動態載入 CSS style 設定-zh.srt<br />
│ 026 css() - 教你如何動態載入 CSS style 設定.mp4<br />
│ 027 4-toggleMenu.zip<br />
│ 027 設計下拉式收闔選單-zh.srt<br />
│ 027 設計下拉式收闔選單.mp4<br />
│ 028 4-delay.zip<br />
│ 028 delay() - 延遲動畫效果的好用語法-zh.srt<br />
│ 028 delay() - 延遲動畫效果的好用語法.mp4<br />
│ 029 4-fontsizebig.zip<br />
│ 029 即時放大縮小字型好簡單-zh.srt<br />
│ 029 即時放大縮小字型好簡單.mp4<br />
│ 030 4-fixedclose.zip<br />
│ 030 fixed 固定網頁內容-zh.srt<br />
│ 030 fixed 固定網頁內容.mp4<br />
│ 031 4-stop.zip<br />
│ 031 使用 stop() 讓你的動畫效果更滑順-zh.srt<br />
│ 031 使用 stop() 讓你的動畫效果更滑順.mp4<br />
│ 032 4-offcans.zip<br />
│ 032 設定offcanvas左右選單切換-zh.srt<br />
│ 032 設定offcanvas左右選單切換.mp4<br />
│ 033 Animate.css - 載入第三方插件 - 增添網頁動畫豐富度-zh.srt<br />
│ 033 Animate.css - 載入第三方插件 - 增添網頁動畫豐富度.mp4<br />
│ 033 Animate.css.txt<br />
<br />
<br />
│<br />
├─06 教你如何操控網頁元素<br />
│ 034 5-this.zip<br />
│ 034 this - 教你如何操作本身元素-zh.srt<br />
│ 034 this - 教你如何操作本身元素.mp4<br />
│ 035 5-parent.zip<br />
│ 035 parent() - 找到父階層元素-zh.srt<br />
│ 035 parent() - 找到父階層元素.mp4<br />
│ 036 5-siblings.zip<br />
│ 036 siblings() - 同層元素-zh.srt<br />
│ 036 siblings() - 同層元素.mp4<br />
│ 037 5-find.zip<br />
│ 037 find () - 輕鬆找到子元素內容-zh.srt<br />
│ 037 find () - 輕鬆找到子元素內容.mp4<br />
│ 038 5-find-QA.zip<br />
│ 038 設計 QA折疊選單-zh.srt<br />
│ 038 設計 QA折疊選單.mp4<br />
│ 039 5-find-twomenu.zip<br />
│ 039 二階層式折疊選單設計-zh.srt<br />
│ 039 二階層式折疊選單設計.mp4<br />
│ 040 使用 html()、text() 載入內容-zh.srt<br />
│ 040 使用 html()、text() 載入內容.mp4<br />
│ 041 click()、on() 的差別-zh.srt<br />
│ 041 click()、on() 的差別.mp4<br />
│ 042 click與on的範例程式碼.html<br />
│ 043 總結回顧-zh.srt<br />
│ 043 總結回顧.mp4<br />
│<br />
├─07 jQuery 常用小技巧<br />
│ 044 6-attr.zip<br />
│ 044 attr() - 動態增加 HTML 標籤屬性-zh.srt<br />
│ 044 attr() - 動態增加 HTML 標籤屬性.mp4<br />
│ 045 6-remove.zip<br />
│ 045 remove() - 移除網頁標籤小工具-zh.srt<br />
│ 045 remove() - 移除網頁標籤小工具.mp4<br />
│ 046 6-top.zip<br />
│ 046 top 滑動效果-zh.srt<br />
│ 046 top 滑動效果.mp4<br />
│ 047 6-fontawseome.zip<br />
│ 047 使用 fontAwesome 動態加入連結 icon-zh.srt<br />
│ 047 使用 fontAwesome 動態加入連結 icon.mp4<br />
│<br />
├─08 第三方Plugin<br />
│ 048 使用第三方plugin需要注意的細節-zh.srt<br />
│ 048 使用第三方plugin需要注意的細節.mp4<br />
│ 049 lightbox、nivoslider.html<br />
│ 050 7-lightbox.zip<br />
│ 050 Lightbox 2 - 圖片燈箱效果 (上)-zh.srt<br />
│ 050 Lightbox 2 - 圖片燈箱效果 (上).mp4<br />
│ 050 Lightbox-2.txt<br />
│ 051 Lightbox 2 - 圖片燈箱效果 (下)-zh.srt<br />
│ 051 Lightbox 2 - 圖片燈箱效果 (下).mp4<br />
│ 052 7-nivo.zip<br />
│ 052 Nivo Slider - 圖片輪播效果 (上)-zh.srt<br />
│ 052 Nivo Slider - 圖片輪播效果 (上).mp4<br />
│ 053 Nivo Slider - 圖片輪播效果 (下)-zh.srt<br />
│ 053 Nivo Slider - 圖片輪播效果 (下).mp4<br />
│ 054 slider + nivo 整合.html<br />
│ 055 7-lightbox-nivo.zip<br />
│ 055 7-lightbox-swiper.zip<br />
│ 055 將上面的效果試著整合在一個網頁中吧!-zh.srt<br />
│ 055 將上面的效果試著整合在一個網頁中吧!.mp4<br />
│ 056 教你如何管理多個 jQuery Plugin-zh.srt<br />
│ 056 教你如何管理多個 jQuery Plugin.mp4<br />
│ 057 如何去查詢別人使用的 jQuery 插件-zh.srt<br />
│ 057 如何去查詢別人使用的 jQuery 插件.mp4<br />
│<br />
├─09 開始喜歡 jQuery了嗎?教你如何更精進!<br />
│ 058 將 jQ 與 CSS 樣式抽離心法-zh.srt<br />
│ 058 將 jQ 與 CSS 樣式抽離心法.mp4<br />
│ 059 最終作業寄送 mail 變更.html<br />
│ 060 -html.psd.zip<br />
│ 060 最終作業講解-zh.srt<br />
│ 060 最終作業講解.mp4<br />
│ 061 作業細節.html<br />
<br />
<br />
│<br />
└─10 最後,你還可以往哪些方向去精進<br />
062 網頁關鍵字速記表.html<br />
063 如何從網路上找到適合自己的學習教材.html<br />
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<br />
<div>
<br />
</div>