《JavaScript+jQuery網頁前端教程》整套課程從JavaScript語言基礎開始講解,從易到難,理論與實例相結合,循序漸進地介紹了JavaScript與jQuery編程及網頁前端開發的各個知識點。內容豐富全面,包括JavaScript基本語法,流程控制和選擇結構,函數和變量,對象和數組,jQuery簡介,選擇器的使用,事件機制,具體操作及大量實例等。
適合人群:具有div+css網頁布局基礎的學員或對網頁設計感興趣的學員。
課程目的:通過div+css寫出來的頁面,沒有交互性很難引起用戶興趣,而JavaScript網頁交互特效能夠真正的讓你的頁面動起來,可以為普通的頁面增添不少色彩,通過實例引導,迅速掌握jQuery使用最少代碼完成繁瑣的工作任務,提高工作效率。
第一章 JavaScript基礎
|
本節課主要介紹JavaScript的用途及應用領域。 |
本節課主要為大家介紹JS的語法特點以及五種調試方法,通過開發第一個JS文件,了解JS的三種創建輸出代碼。 |
本節課主要介紹JavaScript變量的創建和四種定義變量的方法,以及JS的命名規范。 |
本節課主要通過實際的演示,了解不同的數據類型,并且學會數據類型的查看方式。 |
通過本節課的學習主要了解JS中比較重要的幾種運算符,并且可以使用運算符制作簡單的小案例。 |
第二章 JavaScript流程控制
|
本節課主要介紹JS中的流程控制,通過本節課的學習,讓大家了解if語句和switch語句的用法及區別。 |
本節課主要介紹while與do while這兩種循環結構的區別以及注意事項。 |
本節課主要通過一個小案例詳細介紹for循環結構的運用以及for循環與white循環的區別。 |
本節課主要講解break和continue語句的用法以及循環結構需要注意的問題。 |
第三章 JavaScript函數
|
本節課主要介紹JS函數的定義方式,了解函數在開發中的應用,并且了解函數的多種定義方式及不同的調用辦法。 |
本節課主要講解帶有參數的函數的定義和作用,以及返回值“return”的使用。 |
本節課主要介紹作用域的定義,以及變量作用域的使用和注意事項。 |
本節課主要介紹內置頂層函數的概念,了解頂層函數的作用,以及在網頁中如何使用這些頂層函數。 |
第四章 JavaScript數組和對象
|
本節課主要講解數組的概念和特點,通過本節課的學習,了解數組在程序中的重要作用,熟悉使用數組的定義方式以及不同的調用方式。 |
通過本節課的學習了解對象創建的意義,熟練使用對象的多種定義方式,并且可以調用對象內的數據。 |
本節課主要了解字符串對象的屬性和使用方法,通過實際案例演示字符串對象的作用。 |
本節課主要介紹數組對象的方法,Math對象的作用以及通過Math對象實現網頁中的簡單應用。 |
本節課主要介紹Date對象的屬性和方法,通過本節課的學習掌握通過date對象獲取系統時間的方法。 |
第五章 BOM/DOM對象和事件
|
本節課主要介紹BOM對象的定義,了解window對象的方法,掌握wndow對象下面的對滾動條的控制,定時器的設置等。 |
本節課著重介紹Location/History/Navigator/Scree對象的屬性和方法。 |
本節課主要介紹DOM文檔對象模型,學會對html元素的樣式(顏色、大小、位置等等)、內容、屬性來進行動態的改變和操作。 |
本節課主要結合前五章所學JavaScript相關知識,演示一個網頁中的倒計時跳轉效果。 |
本節課主要介紹JS事件的定義,以及JS各種不同類型的事件在網頁中的不同作用。 |
第六章 jQuery實例篇
|
本節課主要介紹jQuery的概念和引入方法,以及基本的使用。通過原生JS和jQuery進行對比,了解jQuery的優勢。 |
本節課主要介紹如何使用選擇器和click事件,并通過JS修改css樣式制作網頁中常見的彈出層特效。通過彈出層案例,了解jQuery選擇器的用法,以及jQuery對css的控制。 |
本節課主要在上節課的基礎上繼續編輯彈出層的細節,重點講解在網頁中插入本地視頻和網絡視頻的方法。 |
本節課主要介紹jQuery效果的基本使用方法,運用click事件和淡入淡出效果制作一個網頁折疊菜單及手風琴特效的案例。 |
本節課主要介紹分別使用css和jQuery制作不同類型的導航條,以及使用jQuery編輯鼠標劃入劃出事件的方法和注意事項。 |
本節課主要講解如何使用animate()方法來制作中英文切換的導航條。通過以上三節課的學習,學會使用jQuery的動畫,通過活動實現導航條的下拉動畫。 |
本節課主要講解選項卡特效在項目中的應用,通過選項卡案例,學習鼠標事件,并且能夠獲取索引值來控制其他元素。 |
本節課主要講解運用js做表單驗證,并通過表單驗證制作有趣的搜索框。 |
本節課繼續介紹js表單驗證功能,并對相關知識點進行補充說明。 |
本節課主要講解滾動條的相關知識,通過該案例了解導航條的事件,能夠通過獲取滾動條的值來制作案例。 |
本節課主要講解運用jQuery相關知識以及offset的運用制作一個仿京東網側欄的導航特效。 |
本節課講解通過將JS和CSS3進行結合,制作滾動到指定位置逐次顯示內容的特效。 |
本節課主要演示一個仿京東自動輪播器的綜合案例,制作網頁焦點圖輪播,對animation動畫及定時器進行綜合的應用。 |
本節課繼續優化自動輪播特效案例,并對相關知識點進行補充。 |
第七章 常用的插件
|
本章主要對一些常用插件進行簡單介紹,本節課主要講解輪播器插件swiper的下載和調用方法。 |
本節課主要講解fullpage插件的使用方法,并運用該插件制作一個綁定菜單的整屏滾動特效案例。 |
本節課主要介紹表單驗證插件Validate的使用,以及修改相關參數的方法和注意事項。 |
本節課主要介紹一些常用插件網站和其他插件的使用。 |