1. 先学习 基本的PC端布局。 掌握 HTML5 + CSS3 基本布局。

HTML5: https://www.bilibili.com/video/av15241731/

CSS3 : https://www.bilibili.com/video/av15269197/

PC端品优购综合案例： https://www.bilibili.com/video/av62204227/

2. HTML5 和 CSS3 提高 新特性

https://www.bilibili.com/video/av59866479/

3. 学习移动端布局。 

百分比（流失）布局： https://www.bilibili.com/video/av57839784/

flex布局： https://www.bilibili.com/video/av62208552/

rem布局： https://www.bilibili.com/video/av58531896/

4.  JavaScript 学习

JavaScript基础：  https://www.bilibili.com/video/av56623792/

JavaScript 实战 DOM BOM 操作：  https://www.bilibili.com/video/av56979338/?p=9

jquery：  https://www.bilibili.com/video/av58740469/?p=38

JavaScript进阶高级： https://www.bilibili.com/video/av60299046/