组件方式开发 WebApp 全站

课程目录:
第1章 课程前期准备
在学习正式课程之前了解下“WEB项目开发流程”以及在“流程中的角色”。
第2章 前端开发简介及标注与切图
本章节对本项目前端开发具体做什么做了简单介绍,并带领用户进行 psd 图标注与切图。
第3章 项目 JS 类开发
本章节讲师会带你规划和开发 JS 项目所用的“通用图文组件“- H5ComponentBase 和“内容组织功能类“ - H5。
第4章 图表组件-散点图组件开发
讲师先对图片组件做整体介绍,然后手把手带你详细开发散点图组件,直到你能够独自完成。
第5章 图表组件-柱状图组件开发
先跟着讲师学开发水平柱图,逐步掌握水平柱图原理,然后自己独立开发垂直柱图。
第6章 图表组件-折线图开发
讲师先带你使用 Canvas 开发折线图,从中掌握折线图的生长动画原理,然后真正参与到项目实战中,独立完成改变生长动画的任务。
第7章 图表组件-雷达图开发
已经掌握折线图开发的你,跟着讲师的教学练习节奏,完成使用 Canvas 来完成雷达图的开发也是 So easy。
第8章 图表组件-饼状图开发
本章节向你揭示饼状图的开发原理,在章节的结束你就可以独立开发完成环状图开发了。
第9章 项目前端页面整合开发
前面章节的学习积累很重要!这一节讲师就会带你把前面各个开发出来的页面整合在一起,你会感觉到前面类开发的好处,可以减少很多代码的量。
第10章 课程扩展
有问题需要解决?随时在问答区提出来!讲师会把大家典型的问题做指点和解惑,比如饼状图项目文本发生重叠的解决方法等;最后还带着你把项目最后首页的 Loading 功能完成。
第11章 大任务-综合实战
实践大作业环节!检查你学习效果的时候到了:你完成项目任务后如果想知道自己的项目代码写得如何,可以申请代码点评。授课讲师将会点评你的代码,帮你查漏补缺。

下载地址:http://www.itsource.com.cn/thread-292-1-1.html

时间: 2024-11-06 19:23:58

组件方式开发 WebApp 全站的相关文章

组件式开发 webapp全站之第一章

1-1课程介绍 略1-2课程安排 课程安排分为两个方面:开发流程和技术实现 1-2-1开发流程 为什么要说流程 每个流程要做什么 各个环节易出现什么问题 问题定责 1-2-2技术实现 技术规划,选型 设计易扩展的开发方案 开发各种图表组件1-3WEB项目开发流程介绍 1-3-1为什么要说开发流程 1.可以提升开发效率 2.防止背锅 1-3-2开发流程的环节划分 开发流程划分为三个环节:开发前,开发中,开发后 1)开发前 产品功能设计 产品经理 产出:产品需求文档 视觉/交互设计 美工 产出:视觉

慕课网实战—《用组件方式开发 Web App全站 》笔记五-折线图组件开发

运用HTML5.CSS3.JS流行技术,采用组件式开发模式,开发Web App全站!技术大牛带你统统拿下不同类型的HTML5动态数据报告! <用组件方式开发 Web App全站 > 折现图绘制大致步骤 折线图画布 JavaScript CSS 折线图绘制网格线 // 水平网格线 100份 -> 10份 var step = 10; ctx.beginPath(); ctx.lineWidth = 1; ctx.strokeStyle = '#AAAAAA'; window.ctx = c

慕课网实战—《用组件方式开发 Web App全站 》笔记七-饼图和环图组件开发

运用HTML5.CSS3.JS流行技术,采用组件式开发模式,开发Web App全站!技术大牛带你统统拿下不同类型的HTML5动态数据报告! <用组件方式开发 Web App全站 > 饼图开发(绘制饼图准备) 饼图实现原理 饼图开发(绘制饼图) 代码 /* 饼图组件对象 */ var H5ComponentPie =function ( name, cfg ) { var component = new H5ComponentBase( name ,cfg ); // 绘制网格线 - 背景层 v

慕课网实战—《用组件方式开发 Web App全站 》笔记四-柱状图组件开发

运用HTML5.CSS3.JS流行技术,采用组件式开发模式,开发Web App全站!技术大牛带你统统拿下不同类型的HTML5动态数据报告! <用组件方式开发 Web App全站 > 柱图开发思路 水平柱图开发(HTML的DOM搭建) ???? ???? 水平柱图开发(CSS样式编写) /* 柱状组件样式 */ .h5_component_bar{ } .h5_component_bar .line{ height: 15px; font-size: 12px; line-height: 15p

慕课网实战—《用组件方式开发 Web App全站 》笔记二

运用HTML5.CSS3.JS流行技术,采用组件式开发模式,开发Web App全站!技术大牛带你统统拿下不同类型的HTML5动态数据报告! <用组件方式开发 Web App全站 > 项目JS类开发 静态页思路验证 jQuery全屏滚动插件fullPage.js ??使用参考:Fullpage入门指南 组件切换,入场,出场动画 ???? DOM事件循环传播-无限循环 ??使用return false;或者triggerHander()方法阻止事件向上传播. 相关代码 HTML <body&

《开源框架那点事儿23》:采用TinyDB组件方式开发

采用TinyDB组件方式开发 步骤 Icon 前文介绍四则运算的流程编程开发时,说过流程编排在开发重复功能时,可以利用已有的组件库快速开发.对于开发人员而言只需要简单配置流程就可以完成工作了. 开发增删改查的组件接口.本来这部分很花费时间,如果采用组件复用的话,就可以实现一次开发,终生受益. 配置curd.beans.xml和tinydb.xml. 使用流程编辑器定制组件流程curd.pageflow. 修改页面文件:list.page和operate.page,使之符合流程方式调用. 修改布局

《开源框架那点事儿23》:採用TinyDB组件方式开发

採用TinyDB组件方式开发 步骤 Icon 前文介绍四则运算的流程编程开发时,说过流程编排在开发反复功能时.能够利用已有的组件库高速开发.对于开发者而言仅仅须要简单配置流程就能够完毕工作了.开发增删改查的组件接口.本来这部分非常花费时间,假设採用组件复用的话,就能够实现一次开发,终生受益. 配置curd.beans.xml和tinydb.xml. 使用流程编辑器定制组件流程curd.pageflow. 改动页面文件:list.page和operate.page.使之符合流程方式调用. 改动布局

Web App用组件方式开发全站

<div>课程地址:http://www.icourse8.com/python_shousuoyiqiang.html </div> 目录第1章 课程前期准备第2章 前端开发简介及标注与切图第3章 项目 JS 类开发第4章 图表组件-散点图组件开发第5章 图表组件-柱状图组件开发第6章 图表组件-折线图开发第7章 图表组件-雷达图开发第8章 图表组件-饼状图开发第9章 项目前端页面整合开发第10章 课程扩展第11章 大任务-综合实战 class Solution { public

组件方式开发实例

/* 基本图文组件对象 */ var H5ComponentBase =function ( name, cfg ) { var cfg = cfg || {}; var id = ( 'h5_c_'+Math.random() ).replace('.','_') ; // 把当前的组建类型添加到样式中进行标记 var cls = ' h5_component_'+cfg.type; var component = $(' '); cfg.text && component.text(c