• 第1章 效果展示及實現步驟分析
• 視頻：1-1 效果展示及實現步驟分析(04:36)

• 第2章 用HTML+CSS實現側邊欄頁面布局
• 視頻：2-1 使用HTML CSS實現側邊欄菜單布局(09:54)
• 選擇：2-2 練習題
• 視頻：2-3 用HTML CSS實現菜單欄內容項布局(06:37)
• 選擇：2-4 練習題

• 第3章 使用JavaScript的構造函數創建對象
• 視頻：3-1 用Js的構造函數創建側邊欄對象(12:31)
• 選擇：3-2 練習題
• 視頻：3-3 側邊欄對象--構造函數的驗證(07:34)
• 視頻：3-4 使用JS的構造函數創建菜單項對象(09:32)
• 選擇：3-5 練習題

• 第4章 側邊欄信息展示效果的動畫效果的添加
• 視頻：4-1 動畫效果相關知識點講解(06:45)
• 視頻：4-2 關閉側邊欄的動畫效果實現(09:16)
• 視頻：4-3 打開側邊欄的動畫效果實現(06:47)
• 視頻：4-4 菜單欄內容項的動畫效果實現(16:02)
• 選擇：4-5 練習題

• 第5章 總結
• 視頻：5-1 總結(03:53)