HAHOW 線上課程 使用 jQuery 打造互動性網頁動畫效果 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
課程介紹
儘管你沒有 JavaScript 基礎也適合上這門課，為網頁添加具互動性的網頁動畫效果！
學習目標
能夠掌握如何在網頁上設計互動性網頁動畫效果
有辦法輕易整合別人寫好的第三方動畫插件，並套用在自己的網頁上
有能力評估別人的網站究竟是用了哪些插件來設計網頁動畫效果
當 jQuery 程式碼變多時，也能夠有條理地進行維護整理
所學知識
需具備 CSS 與 HTML 基礎，舉例來講至少必須了解以下語法的用途
CSS：
.box {
color: red;
}
建議至少知道以下 CSS 語法用途
transition、background、color、display、overflow
HTML：
<ul>
<li class=\"box\">這是一段話</li>
</ul>
了解這兩者標籤用途
<script></script>
<style></style>
所需工具
本課程使用 Sublime Text 3 網頁編輯器進行教學
哪些人適合這堂課？
工作上負責優化網頁使用者體驗的人，如：網頁設計師、UIUX、前端工程師
職涯發展中，目標成為網頁設計師、前端工程師、軟體工程師的人
希望能夠獨立建立網站、學習網站設計的人
講師介紹
六角學院 是一所線上程式開發學習單位，目前已累積 20,000 名學員，讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是，如果您贊同我們的理念，歡迎加入六角。
我們將深入了解您想發展的領域，每位實習生我們都會量身打造專屬於您的舞台，並讓您實際瞭解公司營運 Know how。
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
|
|
專業知識教學
