• 第1章 課程簡介
• 視頻：1-1 課程介紹(08:20)

• 第2章 Webpack搭建項目環(huán)境
• 視頻：2-1 創(chuàng)建webpack與loader使用(11:23)
• 視頻：2-2 webpack的插件使用(05:50)
• 視頻：2-3 webpack-dev-server的使用(07:52)
• 視頻：2-4 支持字體圖標(biāo)的使用(07:10)
• 視頻：2-5 支持TypeScript的使用(10:43)

• 第3章 需求分析&視頻列表實現(xiàn)
• 視頻：3-1 彈層播放器需求分析(10:02)
• 視頻：3-2 視頻列表頁實現(xiàn)其結(jié)構(gòu)(10:38)
• 視頻：3-3 視頻列表頁實現(xiàn)其樣式(12:56)

• 第4章 Popup彈層組件開發(fā)
• 視頻：4-1 組件框架搭建(18:47)
• 視頻：4-2 模塊化CSS方式(17:08)
• 視頻：4-3 創(chuàng)建彈層布局結(jié)構(gòu)及樣式(14:13)
• 視頻：4-4 創(chuàng)建遮罩層結(jié)構(gòu)及樣式(04:12)
• 視頻：4-5 彈層交互及彈層容器回調(diào)實現(xiàn)(06:32)

• 第5章 彈出層中的Video播放器組件開發(fā)
• 視頻：5-1 視頻組件框架搭建(05:29)
• 視頻：5-2 添加播放器布局結(jié)構(gòu)(12:50)
• 視頻：5-3 添加播放器樣式(17:57)
• 視頻：5-4 播放與暫停的實現(xiàn)(06:03)
• 視頻：5-5 當(dāng)前時間與總時間(08:15)
• 視頻：5-6 播放器全屏功能(06:59)
• 視頻：5-7 播放進(jìn)度條的實現(xiàn)(05:59)
• 視頻：5-8 拖拽播放進(jìn)度條與音量進(jìn)度條(10:32)
• 視頻：5-9 配置自動播放(06:25)
• 視頻：5-10 打包項目案例(08:58)

• 第6章 課程總結(jié)
• 視頻：6-1 課程回顧與總結(jié)(06:54)