## 前言
响应技术委员会的需求,前端种子计划是公司内第一个针对职能部门提高职员技术能力的切实可行的计划,我们根据公司已有技术栈,囊括总结知识点,对现有部分资质较好的员工进行重点培养,以达到提高职员技术水平,完成其个人的职业规划的目标,提高公司整体前端的技术水平。
## 背景
1. 公司前端技术水平参差不齐,代码不够规范(基本都是自学或者培训,没有大型、优秀项目经验,很少有人系统学习专业技能,没有扎实的前端基础)
2. 公司技术栈过于繁杂,对于好的技术不能整体进行推广(每个部门都有自己在用的框架,应用技术)
3. 公司对于部分资质或者技术好的员工没有很好的考核培训机制,没有差别化管理(导致部分优秀、上进员工与平庸、混日子员工一样的待遇)
4. 员工没有很好的职能发展路线,没有职能导师引导,大幅度的时间都去做项目支持,这一点直接导致了部分较好前端的离职(比如张梦燕,庞磊)
5. 公司技术委员会整理的相关技术,没有具体人员负责落实跟进(不仅仅是前端,每个职能部门都有这种优秀技能无法科普的情况)
6. etc...
## 现阶段计划内容
1. 每周至少一人1-2h的技术辅导,沟通,反馈,为其制定学习计划,验收学习成果,取得实质性技术成长。
2. 每周全体7人的系统知识培训
3. 不在种子计划的人员,也可以主动找我沟通或者参加培训,但不做强制要求。
##计划主要成员
1. 负责人:张兵,助理:刘妮萍
2. 主要受训人员:
刘妮萍(医链前端),范成超(医链前端),周旻(医链前端),周雪琴(移动远程前端),候风西(互联网bg前端),郭艳杰(互联网bg前端),张文俊(无线研发)
## 主要意义
1. 提升各部门前端人员的技术水平,试运行前端的职业发展分阶段培训。
2. 统一并执行公司整体前端技术栈
3. 通过核心人员能力的提高,辐射到其他前端人员
## 计划时间轴(前端初级阶段)
### 2017年(按照时间每周进行)
**共42周课程,全年48周,除去节假日以及意外情况,应该能保证每个新员工在一年内学到基本的技术点。**
1. 5.5,主题:前端职业规划,pc页面与页面的差别,代码规范,备注:凤山门实训
2. 5.12 主题:less教程,重点沟通:周雪琴,候风西,备注:线下学习
3. 5.19 主题:css样式命名思想
4. 5.26 主题:h5新增标签 新增属性
5. js基本运算:数学运算,逻辑运算;js基本语句
1. ps入门
1. jq基本语法
1. 对象obj基本属性,属性方法,继承
1. background详解 +translation+animation
1. iframe详解 table详解 a详解 meta详解
1. flex布局+ rem布局
1. image常识
1. 谷歌开发者工具调试技巧
1. emmet快速编码技巧
1. webstroage,cookie,应用缓存,http缓存
1. 前端跨域
1. css技术方案:超出省略号,解决浮动,水平居中,垂直居中布局,固宽变宽布局,宽高固定比例等(2周)
1. css模块化
1. tmod、artTemplate
1. canvas
1. gulp入门1,2 gulp插件
1. npm,cnpm
1. array+math+data+json
1. number,boolean,string
1. bom: history.api,定时器,等
1. zepto
1. seajs/requirejs
1. es6
1. js编程思想
1. nodejs入门1-6(4周)
1. git命令行教程
1. git客户端工具教程+注意事项
1. java相关教程:vm+freemarker
1. bootstrap1-6(4周)
1. vuejs全家桶1-6(4周)
## 计划时间轴(前端大师阶段)
### 敬请期待具体教程(完善中...)
1. 技术栈+技术选型
1. web性能(2周)
1. web安全(2周)
1. nodejs+express(4周)
1. mongleDb+indexDb(4周)
1. websocket,实时通讯,http2
1. vuejs前后端分离((4周))
1. 移动端架构(2周)
1. 动画大师(2周)
1. reactjs(8周)
1. angularjs(8周)
1. etc
## 计划时间轴(前端架构师阶段)
### 敬请期待课程设定
- 前端入门
- 前端入职须知
- 前端自我定位
- pc与手机页面差别
- 前端书单
- 前端种子计划
- 前端技术栈
- ps
- ps入门阶段
- html
- html入门
- html代码规范
- meta
- table
- iframe
- a标签详解
- image
- html代码审查工具
- h5专题
- h5入门
- h5新增属性
- canvas画布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入门必学
- css代码规范
- 项目字体规范
- css基本位置布局
- css常见样式命名规则
- css代码优化建议
- css常用样式名
- css选择器攻略
- css盒子模型的理解
- css属性继承与默认值
- css代码审查工具
- css中常见的知识盲区
- css3新特性浅谈
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技术
- 文本两端对齐
- css之浮动解决方案
- css优化建议
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固宽&变宽布局
- 宽高固定比例的盒模型
- 样式预处理语言
- less教程
- sass教程
- postcss教程
- js
- javascript入门
- js代码规范
- js基础拓展
- js代码审查工具
- js性能优化
- js基本语句
- 基本运算
- 基本语句语法
- js对象
- es6入门
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入门
- jq核心思想
- jq基本语法
- jq插件库汇总
- js常用技术
- break&continue区别
- js对日期转换
- js控制运动-move.js
- 原生js-cookie语法
- ajax请求后回调
- 表单数据序列化
- zepto
- zepto入门
- 百度touchjs
- js编程
- 插件库
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互组件
- layerjs
- java
- java入门
- java基本语句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入门
- git教程
- git入门
- git分支
- git-tag管理
- git注意事项
- git-torise入门
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容适配文档
- pc端兼容bug汇总
- ie兼容bug汇总
- 手机兼容bug汇总
- web安全
- jeecms
- web存储
- app/h5组件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域问题
- markdown教程
- 常用工具
- postman-api调试
- web常识
- 浏览器ua统计
- ui框架
- easyui
- bootstrap
- 入门推荐
- weui
- sui-pc
- sui-mobile
- layerUi