JavaScript核心 Web APIs實(shí)用案例教程

本課程主要講解DOM、BOM操作、網(wǎng)頁特效、正則表達(dá)式、本地存儲(chǔ)等知識(shí)點(diǎn)，拒絕冷偏知識(shí)點(diǎn)，結(jié)合案例教學(xué)，讓知識(shí)點(diǎn)更實(shí)用。采用閉環(huán)方式設(shè)計(jì)，每天課程都有完整的實(shí)用案例或項(xiàng)目，把當(dāng)天所有重點(diǎn)內(nèi)容進(jìn)行綜合強(qiáng)化練習(xí)， 讓學(xué)生學(xué)以致用。

全套視頻教程+筆記+源碼百度云盤下載地址：
   
   https://yun.itheima.com/course/949.html
   在線觀看全集視頻

課程亮點(diǎn)：

1. pink老師主講

2. 本課程主要講解DOM、BOM操作、網(wǎng)頁特效、正則表達(dá)式、本地存儲(chǔ)等。拒絕冷偏知識(shí)點(diǎn)，突出實(shí)用。

3. 課程采用閉環(huán)方式設(shè)計(jì)，每天課程都有完整的實(shí)用案例或項(xiàng)目，把當(dāng)天所有重點(diǎn)內(nèi)容進(jìn)行綜合強(qiáng)化練習(xí)， 讓學(xué)生學(xué)以致用。

4. 課堂案例在實(shí)際開發(fā)中都有運(yùn)用場景。

適用人群：

1. 對前端開發(fā)感興趣的在校生及應(yīng)屆畢業(yè)生

2. 對目前職業(yè)有進(jìn)一步提升需求，希望從事前端行業(yè)高薪崗位的在職人員

3. 對前端開發(fā)感興趣，希望快速入門前端開發(fā)的相關(guān)人員

4. 有一定JavaScript基礎(chǔ)的同學(xué)學(xué)習(xí)更佳

課程內(nèi)容：

1、DOM

2、DOM獲取方式

3、修改DOM元素內(nèi)容

4、修改DOM元素樣式 classList

5、修改表單屬性

6、定時(shí)器-間歇函數(shù) setInterval

7、綜合案例-自動(dòng)切換焦點(diǎn)圖

1、DOM2級事件

2、隨機(jī)點(diǎn)名案例

3、事件類型

4、事件監(jiān)聽

5、高階函數(shù)

6、環(huán)境對象 this

7、排他思想

8、綜合案例- tab欄切換

1、DOM節(jié)點(diǎn)之增刪改查

2、克隆節(jié)點(diǎn)

3、渲染商品信息案例

4、時(shí)間對象

5、時(shí)間戳

6、綜合案例-秒殺倒計(jì)時(shí)效果

7、綜合案例- 微博發(fā)布效果

8、重繪和回流

1、購物車案例

2、事件對象

3、事件流

4、圖片跟隨鼠標(biāo)案例

5、微博發(fā)布按下回車發(fā)布新聞案例

6、阻止冒泡

7、事件委托

8、綜合案例- 動(dòng)態(tài)渲染學(xué)生信息

1、手風(fēng)琴效果

2、頁面加載事件

3、仿新浪返回頂部案例

4、仿京東固定導(dǎo)航欄

5、電梯導(dǎo)航案例

6、綜合案例- 小米焦點(diǎn)圖制作

1、BOM對象

2、定時(shí)器-延時(shí)函數(shù) setTimeout

3、遞歸函數(shù)

4、js執(zhí)行機(jī)制

5、事件循環(huán) eventLoop

6、location 對象

7、swiper插件使用

8、本地存儲(chǔ)

9、綜合案例-本地存儲(chǔ)版本微博發(fā)布案例

1、BOM對象

2、定時(shí)器-延時(shí)函數(shù) setTimeout

3、遞歸函數(shù)

4、js執(zhí)行機(jī)制

5、事件循環(huán) eventLoop

6、location 對象

7、swiper插件使用

8、本地存儲(chǔ)

9、綜合案例-本地存儲(chǔ)版本微博發(fā)布案例

1、正則表達(dá)式

2、邊界符、量詞、元字符、預(yù)定義類

3、正則替換

4、發(fā)送短信驗(yàn)證碼案例

5、change事件

6、綜合案例- 小兔鮮注冊頁面驗(yàn)證

7、記住用戶名案例

8、首頁顯示用戶名