标签：
1-1课程介绍 略
1-2课程安排
课程安排分为两个方面：开发流程和技术实现
1-2-1开发流程
为什么要说流程
每个流程要做什么
各个环节易出现什么问题
问题定责
1-2-2技术实现
技术规划，选型
设计易扩展的开发方案
开发各种图表组件
1-3WEB项目开发流程介绍
1-3-1为什么要说开发流程
1.可以提升开发效率
2.防止背锅
1-3-2开发流程的环节划分
开发流程划分为三个环节：开发前，开发中，开发后
1）开发前
产品功能设计 产品经理 产出：产品需求文档
视觉/交互设计 美工 产出：视觉设计稿，交互设计稿
2）开发中
技术规划 技术经理 产出：项目开发文档 （产品需求是否合理，产品代码是否可以复用，复杂项目是否可以拆分）
前端开发 前端开发工程师 产出：与视觉稿相符的html页面，与交互稿相符的js代码
后端开发 后端开发工程师 产出：后端的逻辑交互，数据交互
3）开发后
测试 测试工程师 产出：对网页进行功能测试，满足产品经理的需求
上线 运维工程师 产出：代码布署到服务器并对外发布
1-4开发角色缩写简介
1）产品经理
PM——Product Manager 产品经理
MRD——Market Requirements Document 市场需求文档
2）美工
UI——UserInterface 界面视觉设计
UE——UserExperience 用户体验设计
3）技术经理
PM——Project Manager 项目经理
4）前端开发
FE——FrontEnd developer engineer
5)后端开发
BE——BackEnd
RD——Research Developer
6)测试
QA——Quality Assessment
7)运维
OP——Operate
1-5产品设计
1-5-1需求文档——>交互设计稿——>视觉设计稿
1-5-2设计的9个页面
封面 核心理念（图文） 课程分布（折线图） 移动教程（饼图） 前端教程（柱图） 后端教程（雷达图）
报名过万（环图） 难度分布（散点图） 尾页
1-6开发规划
技术经理 产出：项目开发文档
1）可行性确认
2）技术选型
3）开发/线上环境规划
4）技术开发方案设计
5）团队协作方式
技术开发方案设计
4.1）页面DOM操作
技术选型：jQuery
简介：一款轻量级的js框架
特点：1）强大的选择器
2）出色的DOM操作封装
3）可靠的事件处理机制
4.2）页面切换功能
技术选型：FullPage.js插件
简介：jQuery插件
特点：API简单，易用，跨浏览器
4.3）组织内容结构方案
Page——Component 页——组件
大致分为两种：图文组件和图表组件
4.4）技术点
html+css 实现柱图，散点图的绘制
Canvas 实现折线图，雷达图，饼图，环图的绘制
标签：
原文地址：http://www.cnblogs.com/my-it-blog/p/5794068.html
