移动WebApp HTML5+组件式开发 教程

admin

【课程目录】

第01章 课程前期准备

1.课程介绍
2.课程安排
3.WEB项目开发流程介绍
4.开发角色缩写简介
5.产品设计
6.开发规划

第02章 前端开发简介及标注与切图

1.前端开发内容介绍
2.标注简介
3.标注
4.切图（一）
5.切图（二）

第03章 项目 JS 类开发

01.静态页思路验证-fullPage.js搭建一个简单切换页面
02.静态页思路验证-组件切换
03.JS类规划
04.通用图文组件类-H5ComponentBase（开发准备）
05.通用图文组件类-H5ComponentBase（参数设置）
06.CSS样式规划
07.通用图文组件类-H5ComponentBase（接受.onLoad、onLeave事件）
08.内容组织类-H5（addPage方法）
09.内容组织类-H5（addComponent方法）
10.内容组织类-H5（整合fullPage.js）

第04章 图表组件-散点图组件开发

1.图表组件开发介绍
2.散点图原理分析
3.散点图开发(散点图的比例值、颜色设置)
4.散点图开发(位置设置)

第05章 图表组件-柱状图组件开发

1.柱图开发简介
2.水平柱图开发（HTML的DOM搭建）
3.水平柱图开发（CSS样式编写）
4.水平柱图开发（生长动画制作）

第06章 图表组件-折线图开发

1.折线图搭建折线图组件环境
2.折线图画布
3.折线图绘制网格线
4.折线图画点
5.折线图连线绘制数据
6.折线图绘制阴影
7.绘制项目名称
8.折线动画
9.项目名称动画

第07章 图表组件-雷达图开发

1.设计说明
2.背景层开发
3.数据层开发
4.项目文本修正、生长动画

第08章 图表组件-饼状图开发

1.绘制饼画准备
2.绘制饼图
3.绘制饼图动画
4.项目文本注入

第09章 项目前端页面整合开发

1.前端整合开发介绍
2.前端整合开发准备
3.图文组件页开发（首页整合开发）
4.图文组件页开发（整合内容填充）
5.图文组件页开发（尾页整合开发）
6~9.图表组件页整合开发1`~4

第10章 课程扩展

1.Loading.效果（简介）
2.Loading.效果（HTML.结构搭建及.CSS.样式设置）
3.Loading.效果（JS.脚本编写）
4.饼图文本重排（简介）
5.饼图文本重排（相交判定）
6.饼图文本重排（重排）
7.Ajax.获取.JSON.数据(上)
8.Ajax获取.JSON.数据(下)

下载地址

游客，如果您要查看本帖隐藏内容请回复

houyuyu

前排顶，很好！

zhangyu

高手云集 果断围观

MemoForward

楼下的接上