JavaScript核心 Web APIs實用案例教程

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

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

課程亮點：

1. pink老師主講

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

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

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

適用人群：

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

2. 對目前職業(yè)有進一步提升需求，希望從事前端行業(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ù) setInterval

7、綜合案例-自動切換焦點圖

1、DOM2級事件

2、隨機點名案例

3、事件類型

4、事件監(jiān)聽

5、高階函數(shù)

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

7、排他思想

8、綜合案例- tab欄切換

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

2、克隆節(jié)點

3、渲染商品信息案例

4、時間對象

5、時間戳

6、綜合案例-秒殺倒計時效果

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

8、重繪和回流

1、購物車案例

2、事件對象

3、事件流

4、圖片跟隨鼠標案例

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

6、阻止冒泡

7、事件委托

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

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

2、頁面加載事件

3、仿新浪返回頂部案例

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

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

6、綜合案例- 小米焦點圖制作

1、BOM對象

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

3、遞歸函數(shù)

4、js執(zhí)行機制

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

6、location 對象

7、swiper插件使用

8、本地存儲

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

1、BOM對象

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

3、遞歸函數(shù)

4、js執(zhí)行機制

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

6、location 對象

7、swiper插件使用

8、本地存儲

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

1、正則表達式

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

3、正則替換

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

5、change事件

6、綜合案例- 小兔鮮注冊頁面驗證

7、記住用戶名案例

8、首頁顯示用戶名