组件方式开发webapp全站新建文件夹(63)
资源详情
第1章 课程前期准备在学习正式课程之前了解下“web项目开发流程”以及在“流程中的角色”。1-1 课程介绍1-2 课程安排1-3 web项目开发流程介绍1-4 开发角色缩写简介1-5 产品设计1-6 开发规划第2章 前端开发简介及标注与切图本章节对本项目前端开发具体做什么做了简单介绍.并带领用户进行 psd 图标注与切图。2-1 前端开发内容介绍2-2 标注简介2-3 标注2-4 切图（一）2-5 切图（二）2-6 markman 标注 psd 文件第3章 项目 js 类开发本章节讲师会带你规划和开发 js 项目所用的“通用图文组件“- h5componentbase 和“内容组织功能类“ – h5。3-1 静态页思路验证-fullpage.js搭建一个简单切换页面3-2 静态页思路验证-组件切换3-3 js类规划3-4 通用图文组件类-h5componentbase（开发准备）3-5 通用图文组件类-h5componentbase（参数设置）3-6 css样式规划3-7 通用图文组件类-h5componentbase（接受 onload、onlea危e事件）3-8 内容组织类-h5（addpage方法）3-9 内容组织类-h5（addcomponent方法）3-10 内容组织类-h5（整合fullpage.js）3-11 升级 h5componentbase 类支持相对定位第4章 图表组件-散点图组件开发讲师先对图片组件做整体介绍.然后手把手带你详细开发散点图组件.直到你能够独自完成。4-1 图表组件开发介绍4-2 散点图原理分析4-3 散点图开发(散点图的比例值、颜色设置)4-4 散点图开发(位置设置)4-5 h5componentpoint 动画效果修改第5章 图表组件-柱状图组件开发先跟着讲师学开发水平柱图.逐步掌握水平柱图原理.然后自己独立开发垂直柱图。5-1 柱图开发简介5-2 水平柱图开发（html的dom搭建）5-3 水平柱图开发（css样式编写）5-4 水平柱图开发（生长动画制作）5-5 h5componentbar扩展.垂直柱图实现第6章 图表组件-折线图开发讲师先带你使用 canvas 开发折线图.从中掌握折线图的生长动画原理.然后真正参与到项目实战中.独立完成改变生长动画的任务。6-1 折线图搭建折线图组件环境6-2 折线图画布6-3 折线图绘制网格线6-4 折线图画点6-5 折线图连线绘制数据6-6 折线图绘制阴影6-7 绘制项目名称6-8 折线动画6-9 项目名称动画第7章 图表组件-雷达图开发已经掌握折线图开发的你.跟着讲师的教学练习节奏.完成使用 canvas 来完成雷达图的开发也是 so easy。7-1 雷达图开发（设计说明）7-2 雷达图开发（背景层开发）7-3 雷达图开发（数据层开发）7-4 雷达图开发（项目文本修正、生长动画）第8章 图表组件-饼状图开发本章节向你揭示饼状图的开发原理.在章节的结束你就可以独立开发完成环状图开发了。8-1 饼图开发（绘制饼画准备）8-2 饼图开发（绘制饼图）8-3 饼图开发（绘制饼图动画）8-4 饼图开发（项目文本注入）8-5 h5componentpie 扩展.环图实现第9章 项目前端页面整合开发前面章节的学习积累很重要！这一节讲师就会带你把前面各个开发出来的页面整合在一起.你会感觉到前面类开发的好处.可以减少很多代码的量。9-1 前端整合开发介绍9-2 前端整合开发准备9-3 图文组件页开发（首页整合开发）9-4 图文组件页开发（整合内容填充）9-5 图文组件页开发（尾页整合开发）9-6 图表组件页整合开发（一）9-7 图表组件页整合开发（二）9-8 图表组件页整合开发（三）9-9 图表组件页整合开发（四）第10章 课程扩展有问题需要解决？随时在问答区提出来！讲师会把大家典型的问题做指点和解惑.比如饼状图项目文本发生重叠的解决方法等；最后还带着你把项目最后首页的 loading 功能完成。10-1 loading 效果（简介）10-2 loading 效果（html 结构搭建及 css 样式设置）10-3 loading 效果（js 脚本编写）10-4 饼图文本重排（简介）10-5 饼图文本重排（相交判定）10-6 饼图文本重排（重排）10-7 ajax 获取 json 数据(上)10-8 ajax获取 json 数据(下)第11章 大任务-综合实战实践大作业环节！检查你学习效果的时候到了：你完成项目任务后如果想知道自己的项目代码写得如何.可以申请代码点评。授课讲师将会点评你的代码.帮你查漏补缺。11-1 实现一个完整的手机端数据展示报告
