掌握J(rèn)avaScript、ES6和Jqurey，實(shí)現(xiàn)頁面交互【共108課時(shí)】

課程簡(jiǎn)介：本課程通過對(duì)JavaScript基礎(chǔ)語法，數(shù)據(jù)類型，運(yùn)算符，流程控制語句，函數(shù)，作用域，事件，定時(shí)器，面向?qū)ο螅珺OM，DOM，ajax，ES6，jQuery等知識(shí)的講解，讓學(xué)員從零開始，由簡(jiǎn)入繁，系統(tǒng)的學(xué)習(xí)JavaScript，jQuery技術(shù)。

課程時(shí)長(zhǎng)：108課時(shí)

適合人群：對(duì)前端感興趣，且有HTML及CSS相關(guān)基礎(chǔ)的職場(chǎng)人士或在校大學(xué)生。

購課須知：該課程為虛擬產(chǎn)品,一經(jīng)售出概不退費(fèi)，購買前請(qǐng)仔細(xì)確認(rèn)!

聽課須知：【我的課程】中即可查找和觀看已報(bào)免費(fèi)/已購付費(fèi)課程，且APP支持離線下載功能。

課程試聽/購買入口：http://xue.ujiuye.com/class-30888/?scode=pZLTRZ-wz

學(xué)習(xí)交流答疑群：一鍵加群(769132328) 入群請(qǐng)備注“領(lǐng)資料”

課程安排：

第1章 · 資料素材包

第1講 · 300個(gè)前端開發(fā)常用js特效11

第2講 · 300個(gè)前端開發(fā)常用js特效10

第3講 · 300個(gè)前端開發(fā)常用js特效9

第4講 · 300個(gè)前端開發(fā)常用js特效8

第5講 · 300個(gè)前端開發(fā)常用js特效7

第6講 · 300個(gè)前端開發(fā)常用js特效6

第7講 · 300個(gè)前端開發(fā)常用js特效5

第8講 · 300個(gè)前端開發(fā)常用js特效4

第9講 · 300個(gè)前端開發(fā)常用js特效3

第10講 · 300個(gè)前端開發(fā)常用js特效2

第11講 · 300個(gè)前端開發(fā)常用js特效1

第12講 · 5個(gè)商業(yè)案例及源文件素材

第13講 · 30套模板

第2章 · JavaScript基礎(chǔ)語法

第1節(jié) · JavaScript入門探索

第14講 · javaScript起源及功能介紹 免費(fèi)試學(xué)

第15講 · javaScript引入文檔的書寫方式 免費(fèi)試學(xué)

第2節(jié) · JavaScript數(shù)據(jù)類型

第16講 · JavaScript變量 免費(fèi)試學(xué)

第17講 · javaScript基本數(shù)據(jù)類型 免費(fèi)試學(xué)

第18講 · JavaScript復(fù)雜數(shù)據(jù)類型

第19講 · 數(shù)據(jù)類型之間的轉(zhuǎn)換-其他轉(zhuǎn)String 類型

第20講 · 數(shù)據(jù)類型之間的轉(zhuǎn)換-其他轉(zhuǎn)Number類型

第3節(jié) · JavaScript運(yùn)算符

第21講 · JavaScript運(yùn)算符上

第22講 · JavaScript運(yùn)算符下

第4節(jié) · 流程控制語句

第23講 · 分支語句上

第24講 · 分支語句下(switch)

第25講 · for循環(huán)上

第26講 · for循環(huán)下

第27講 · 雙重for循環(huán)

第28講 · for-in，while與do-while

第29講 · break與continue

第5節(jié) · 函數(shù)

第30講 · 函數(shù)的介紹及簡(jiǎn)單使用

第31講 · 函數(shù)參數(shù)

第32講 · 函數(shù)返回值

第33講 · 函數(shù)封裝

第6節(jié) · 作用域

第34講 · 全局變量和局部變量

第35講 · 變量提升

第3章 · JavaScript進(jìn)階

第1節(jié) · JavaScript操作標(biāo)簽

第36講 · JavaScript獲取html元素的方式

第37講 · 簡(jiǎn)單的鼠標(biāo)事件

第38講 · 操作標(biāo)簽屬性上(input的value)

第39講 · 操作標(biāo)簽屬性中(標(biāo)簽的class)

第40講 · 操作標(biāo)簽屬性下(通過input輸入的值改變img圖片的路徑)

第41講 · 操作標(biāo)簽樣式(字體的font-size)

第42講 · QQ折疊效果上

第43講 · QQ折疊效果下

第44講 · 選項(xiàng)卡效果切換

第2節(jié) · 定時(shí)器

第45講 · 定時(shí)器的使用范圍，分類介紹

第46講 · setInterval定時(shí)器的開啟，清除，及使用

第47講 · setTimeout定時(shí)器的開啟，清除及使用

第48講 · 定時(shí)器輪播圖上

第49講 · 定時(shí)器輪播圖中

第50講 · 定時(shí)器輪播圖下

第3節(jié) · JavaScript內(nèi)置對(duì)象

第51講 · Date對(duì)象-原生js獲取系統(tǒng)時(shí)間

第52講 · Date對(duì)象-JavaScript倒計(jì)時(shí)特效

第53講 · String對(duì)象-length屬性、charAt、indexOf方法

第54講 · String對(duì)象-subString、slice方法

第55講 · String對(duì)象-大小寫轉(zhuǎn)換及驗(yàn)證碼驗(yàn)證

第56講 · String對(duì)象-split、replace方法

第57講 · Array對(duì)象-添加、刪除元素的方法

第58講 · Array對(duì)象-排序

第59講 · Array對(duì)象-concat、reverse方法

第60講 · 正則對(duì)象的粗創(chuàng)建及檢測(cè)方法

第61講 · 正則對(duì)象的元字符

第62講 · 登錄驗(yàn)證

第4節(jié) · JavaScript宿主對(duì)象

第63講 · DOM對(duì)象介紹

第64講 · DOM對(duì)象獲取節(jié)點(diǎn)上(獲取子、父節(jié)點(diǎn))

第65講 · DOM對(duì)象獲取節(jié)點(diǎn)下(獲取其他節(jié)點(diǎn))

第66講 · DOM對(duì)象操作節(jié)點(diǎn)上(創(chuàng)建，添加節(jié)點(diǎn))

第67講 · DOM對(duì)象操作節(jié)點(diǎn)下(替換，復(fù)制，刪除節(jié)點(diǎn))

第68講 · BOM對(duì)象介紹

第69講 · BOM系統(tǒng)對(duì)話框

第70講 · BOM對(duì)象的client系列

第71講 · BOM對(duì)象的offset系列

第72講 · BOM對(duì)象的scroll系列

第4章 · JavaScript高級(jí)

第1節(jié) · 事件高級(jí)(待上傳)

第73講 · 事件對(duì)象

第74講 · 鍵盤事件及鍵盤操作標(biāo)簽

第75講 · 綁定事件

第76講 · 事件冒泡及事件捕獲上

第77講 · 事件冒泡及事件捕獲下

第78講 · 事件默認(rèn)行為及取消事件默認(rèn)行為

第79講 · 拖拽效果

第2節(jié) · 面向?qū)ο?/p>

第80講 · 面向?qū)ο蟮慕榻B

第81講 · 面向?qū)ο蟮膭?chuàng)建方式-工廠模式

第82講 · 面向?qū)ο蟮膭?chuàng)建方式-構(gòu)造函數(shù)

第83講 · call和apply的使用及區(qū)別

第84講 · 面向?qū)ο蟮睦^承-原型鏈繼承

第85講 · 面向?qū)ο蟮睦^承-冒充對(duì)象繼承

第86講 · 面向?qū)ο蟮睦^承-綜合繼承

第87講 · 面向?qū)ο髮?shí)例

第88講 · 閉包

第3節(jié) · ajax

第89講 · ajax原理，創(chuàng)建，封裝，及使用

第90講 · 動(dòng)態(tài)新聞

第4節(jié) · cookie

第91講 · cookie介紹及使用

第92講 · cookie封裝

第5章 · ES6

第1節(jié) · 基礎(chǔ)語法

第93講 · ES6與JavaScript的關(guān)系

第94講 · let命令(上)

第95講 · let命令(下)

第96講 · const命令

第97講 · 變量的解構(gòu)賦值(上)

第98講 · 變量的解構(gòu)賦值(下)

第2節(jié) · 數(shù)據(jù)擴(kuò)展

第99講 · 字符串?dāng)U展與模板字符串

第100講 · 函數(shù)擴(kuò)展

第101講 · 箭頭函數(shù)(上)

第102講 · 箭頭函數(shù)(下)

第103講 · 其它數(shù)據(jù)的擴(kuò)展

第3節(jié) · ES6數(shù)據(jù)結(jié)構(gòu)

第104講 · Set數(shù)據(jù)結(jié)構(gòu)

第105講 · Map數(shù)據(jù)結(jié)構(gòu)

第106講 · for...of循環(huán)

第4節(jié) · 面向?qū)ο?/p>

第107講 · ES6的面向?qū)ο笊?/p>

第108講 · ES6的面向?qū)ο笙?/p>

第6章 · jquery

第1節(jié) · jquery基礎(chǔ)語法

第109講 · jquery介紹，特點(diǎn)，及基本使用

第110講 · jquery基本選擇器

第111講 · jquery標(biāo)簽屬性操作

第112講 · jquery操作標(biāo)簽樣式

第113講 · jquery中的DOM

第114講 · jquery中的BOM

第115講 · jquery中事件上(事件對(duì)象，事件綁定)

第116講 · jquery事件中(事件代理)

第117講 · jquery事件下(事件冒泡及默認(rèn)事件)

第118講 · jquery內(nèi)置方法上(hover，顯示隱藏)

第119講 · jquery內(nèi)置方法下(淡入淡出)

第120講 · jquery動(dòng)畫

第121講 · jquery輪播圖

說明：以上課程信息更新于2021年2月，如后續(xù)發(fā)生課程更新導(dǎo)致實(shí)際課程內(nèi)容與介紹不符，請(qǐng)以實(shí)際授課內(nèi)容為準(zhǔn)，或咨詢課程老師獲取最新課程信息。