课程目录:
第1章 课程前期准备
1-1 课程介绍 (05:38)
1-2 课程安排 (01:37)
1-3 WEB项目开发流程介绍 (04:03)
1-4 开发角色缩写简介 (02:13)
1-5 产品设计 (03:49)
1-6 开发规划 (04:46)
第2章 前端开发简介及标注与切图
2-1 前端开发内容介绍 (01:55)
2-2 标注简介 (02:20)
2-3 标注 (15:43)
2-4 切图（一） (09:16)
2-5 切图（二） (07:07)
2-6 MarkMan 标注 PSD 文件
第3章 项目 JS 类开发
3-1 静态页思路验证-fullPage.js搭建一个简单切换页面 (12:30)
3-2 静态页思路验证-组件切换 (14:05)
3-3 JS类规划 (05:55)
3-4 通用图文组件类-H5ComponentBase（开发准备） (05:44)
3-5 通用图文组件类-H5ComponentBase（参数设置） (16:28)
3-6 CSS样式规划 (03:34)
3-7 通用图文组件类-H5ComponentBase（接受 onLoad、onLeave事件） (09:02)
3-8 内容组织类-H5（addPage方法） (17:25)
3-9 内容组织类-H5（addComponent方法） (10:57)
3-10 内容组织类-H5（整合fullPage.js） (06:23)
3-11 升级 H5ComponentBase 类支持相对定位
第4章 图表组件-散点图组件开发
4-1 图表组件开发介绍 (03:22)
4-2 散点图原理分析 (03:02)
4-3 散点图开发(散点图的比例值、颜色设置) (15:50)
4-4 散点图开发(位置设置) (07:38)
4-5 H5ComponentPoint 动画效果修改
第5章 图表组件-柱状图组件开发
5-1 柱图开发简介 (02:41)
5-2 水平柱图开发（HTML的DOM搭建） (18:41)
5-3 水平柱图开发（CSS样式编写） (08:27)
5-4 水平柱图开发（生长动画制作） (11:16)
5-5 H5ComponentBar扩展，垂直柱图实现
第6章 图表组件-折线图开发
6-1 折线图搭建折线图组件环境 (05:12)
6-2 折线图画布 (05:37)
6-3 折线图绘制网格线 (11:45)
6-4 折线图画点 (10:16)
6-5 折线图连线绘制数据 (07:12)
6-6 折线图绘制阴影 (05:38)
6-7 绘制项目名称 (08:36)
6-8 折线动画 (11:30)
6-9 项目名称动画 (04:08)
第7章 图表组件-雷达图开发
7-1 雷达图开发（设计说明） (03:08)
7-2 雷达图开发（背景层开发） (17:51)
7-3 雷达图开发（数据层开发） (08:17)
7-4 雷达图开发（项目文本修正、生长动画） (10:06)
第8章 图表组件-饼状图开发
8-1 饼图开发（绘制饼画准备） (06:13)
8-2 饼图开发（绘制饼图） (10:17)
8-3 饼图开发（绘制饼图动画） (03:43)
8-4 饼图开发（项目文本注入） (09:33)
8-5 H5ComponentPie 扩展，环图实现
第9章 项目前端页面整合开发
9-1 前端整合开发介绍 (03:41)
9-2 前端整合开发准备 (09:15)
9-3 图文组件页开发（首页整合开发） (13:44)
9-4 图文组件页开发（整合内容填充） (11:10)
9-5 图文组件页开发（尾页整合开发） (14:33)
9-6 图表组件页整合开发（一） (08:38)
9-7 图表组件页整合开发（二） (09:08)
9-8 图表组件页整合开发（三） (09:38)
9-9 图表组件页整合开发（四） (05:25)
第10章 课程扩展
10-1 Loading 效果（简介） (04:39)
10-2 Loading 效果（HTML 结构搭建及 CSS 样式设置） (09:46)
10-3 Loading 效果（JS 脚本编写） (16:11)
10-4 饼图文本重排（简介） (08:19)
10-5 饼图文本重排（相交判定） (12:53)
10-6 饼图文本重排（重排） (14:09)
10-7 Ajax 获取 JSON 数据(上) (05:54)
10-8 Ajax获取 JSON 数据(下) (13:32)
第11章 大任务-综合实战
11-1 实现一个完整的手机端数据展示报告
