<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>
 當前位置:平面設計學院 > JavaScript+jQuery網頁前端教程
 

JavaScript+jQuery網頁前端教程

47934次 32條 77次
講師:韓文強
課級:高級拓展
時長:16.5小時
單價:¥890元 助學價:¥360元 我要單買
年會員:¥1800元/年 今日促銷:¥399元 平面設計學院所有教程免費學
分享到:

《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的使用,以及修改相關參數的方法和注意事項。

本節課主要介紹一些常用插件網站和其他插件的使用。

 
韓文強 主攻:網頁設計/電商/web前端 簡介:資深WEB前端工程師,站酷推薦設計師,是一名永不止步的學習者和分享者。擅長的行業包括WEB前端開發、電商設計及裝修、UI設計等,多年從業經驗和實戰項目經驗,共累計參與制作網站超過80個,原創設計文章超過二十幾篇,點擊量逾80萬,被許多平臺轉載。開發的web前端開發課程,以通俗易懂的特點,幫助了很多菜鳥轉變成了前端開發人才。
 
  • 1.1 行業分析及JavaScript介紹
  • 1.2 JavaScript語法特點及調試
  • 1.3 JavaScript變量
  • 1.4 JavaScript中的數據類型
  • 1.5 JavaScript運算符
  • 2.1 流程控制介紹和選擇結構
  • 2.2 while循環結構
  • 2.3 for循環與for...in循環
  • 2.4 break、continue語句的用法
  • 3.1 函數的作用以及聲明和調用
  • 3.2 帶有參數的函數和返回值
  • 3.3 變量的作用域
  • 3.4 內置頂層函數
  • 4.1 JavaScript的數組
  • 4.2 JavaScript對象
  • 4.3 內置對象和空字符對象
  • 4.4 數組對象和Math對象
  • 4.5 通過Date對象做網頁時鐘
  • 5.1 BOM瀏覽器對象
  • 5.2 Location/History對象
  • 5.3 DOM文檔對象模型
  • 5.4 網頁中的倒計時跳轉效果
  • 5.5 頁面中常用的事件
  • 6.1 jQuery介紹和使用方式
  • 6.2 網頁中常見的彈出層特效
  • 6.3 彈出層的細節及網頁中插入視頻的方法
  • 6.4 折疊菜單及手風琴特效
  • 6.5 鼠標劃入事件制作不同類型的導航條
  • 6.6 使用animate做中英切換的導航條
  • 6.7 選項卡特效在項目中的應用
  • 6.8 表單事件和網頁中的驗證功能
  • 6.9 表單事件和網頁中的驗證功能(2)
  • 6.10 滾動條事件案例篇
  • 6.11 京東網側欄導航特效
  • 6.12.1滾動到指定位置逐次顯示內容的特效
  • 6.12.2 自動輪播器特效
  • 6.13.1自動輪播器特效
  • 6.13.2 自動輪播器特效
  • 6.14 自動輪播特效知識點補充
  • 7.1.1輪播器插件swiper
  • 7.1.2輪播器插件swiper
  • 7.1.3輪播器插件swiper
  • 7.2.1整屏滾動插件fullpage
  • 7.2.2整屏滾動插件fullpage
  • 7.3.1表單驗證插件Validate
  • 7.3.2表單驗證插件Validate
  • 7.4.1其他更多插件的使用方法
  • 7.4.2其他更多插件的使用方法
  • 本套教程單價:¥890元 助學價:¥360元 
  • 平面設計學院年會員:¥1800元/年 今日促銷:¥399元 可學習所有教程+新增教程 
  • 本學院已有 126 套教程 總計 1377 個小時 查看詳情
購買了該教程的同學
木易
WBE
LJP
云朵99
康豐
當當小
一寒
dengnici
桃汁
wlh630
fuling2210
Lz
situbei
幸福之光
liuyaqian
情酙雞尾酒
王雪
lsyyunshi
 
您可能感興趣的課程
 
講師:笨叔
39628次25條56次
 
講師:賈斌
138195次58條158次
 
講師:文成武
265309次237條560次
 
講師:開心老師
444592次207條459次
 
講師:Gordan
228982次118條324次
 
講師:胡飛虎
310939次213條749次
 
講師:陳志文
295275次223條194次
 
講師:田婧
2133806次1304條1176次
 
微信客服
99国产欧美久久久精品蜜|无码一区二区波多野播放搜索|少妇人妻综合久久中文|亚洲av永久无码精品一百度|亚洲人77777在线观看
<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>