2017年计划安排


2017年计划安排 - 快乐八哥 - 博客园 var currentBlogApp = 'liminjun88', cb_enable_mathjax=false;var isLogined=false;

2017年计划安排

2017年学习和工作的重点还是基于Openstack的私有云Portal系统的前端架构和构建。

2017年年度计划

2017年计划-百度脑图

前端知识

前端基础知识还是Web前端三剑客:HTML(5)、CSS(3)、JavaScript(ES6)。额外要补充就是jQuery。

HTML(5)

工作1-2年,对于HTML知识应该是前端工程师必备的技能,但是对于HTML5,还是要很多欠缺的地方。首先新增的标签,比如canvas,video,audio这几个就可以衍生很多高级内容,还有localStorage,web worker,web socket等。2017主要系统学习一遍HTML5相关的知识,完成2-3个基于HTML5新特性的小网站或系统。

css(3)

css选择器优先级,css3里面的transform和animation就足以把学习CSS3的门槛提高一个档次。因为本身是面向ToB的系统,所以在系统中使用CSS3新特性的地方不是特别多,但是在活动营销或者广告创意方面,CSS3的大量新特性应用还是非常多。

JavaScript(ES6)
Javascript基础和面向对象JavaScript的学习,对于后续学习jQuery和新框架都用很大的帮助。在学习新框架的同时,必须回头复习JavaScript相关基础知识。而且JavaScript里面应该学习最难,收益最大的一门技术。

跟着阮一峰老师的ES教程,把ES6系统学习一遍。

jQuery
虽然新的框架,比如vue.js、React和AngularJS等目前占据了主流,但是掌握和学习jQuery还是非常有必要的。

云计算知识

因为公司项目的底层是基于Openstack,所以需要了解Openstack里面计算模块、网络模块和存储模块的基础知识,特别是Openstack dashboard上的功能和交互样式。

项目后端基于Docker容器部署,而且后续要引入API网关技术。后续前端开发工程师需要了解一下Docker基础知识,能基于Docker做前端部署。最好是能基于自动化部署。

目前PaaS开发只有Sina App Engine和Baidu App Engine两家公司支持。而且业余开发的图书轮流看项目也是基于BAE开发的,所以后续再继续学习和使用PaaS相关知识。

项目框架

项目CSS框架基于Bootstrap,JavaScript框架基于AngularJS。路由方面引入了ui-router,按需加载引入ocLazyLoad,表格使用的是 smart-table,图表目前使用的ECharts。组件方面使用的ui-bootstrap。同时所在的team也开发了一些自定义指令,后面将这些整合在一起,能做出类似http://element.eleme.io/#/zh-CN/component/installation这种,能满足部门其他的team的使用。

产品原型和设计

一直没有持续的学习Photoshop,所以在新的一年,跟着网易云课堂的相关ps课程,把ps相关基础操作和切图操作学会。能简单进行网页设计就OK。前端也需要参与到产品的原型设计,样式设计和交互流程,所以学会ps和Balsamiq Mockups对于前端开发也是很有帮助的。

敏捷开发

团队从2016年5月份左右就开始实行敏捷开发模式。每2周进行迭代一次,效果相对于之前还是有很大进步和改善。目前在测试方面还有一些欠缺。敏捷开发涉及到2个方面:一个是个人敏捷,另外一个是团队敏捷。更多关于敏捷相关的知识,可以参考周金根的博客。敏捷个人:敏捷生活,平衡生活,你想一起来试试吗?

后续会写一篇关于个人时间管理的相关的工具,包括Todo,笔记和博客工具的使用。

移动开发

待补充。

ps:后续补充购买的相关书籍。


posted @ 2017-01-02 22:03 快乐八哥 阅读(...) 评论(...) 编辑 收藏
markdown_highlight();var allowComments=true,cb_blogId=55858,cb_entryId=6243330,cb_blogApp=currentBlogApp,cb_blogUserGuid='d82b24a1-3927-de11-9510-001cf0cd104b',cb_entryCreatedDate='2017/1/2 22:03:00';loadViewCount(cb_entryId);
var commentManager = new blogCommentManager();commentManager.renderComments(0);
刷新评论刷新页面返回顶部
fixPostBody(); setTimeout(function () { incrementViewCount(cb_entryId); }, 50); deliverAdT2(); deliverAdC1(); deliverAdC2(); loadNewsAndKb(); loadBlogSignature(); LoadPostInfoBlock(cb_blogId, cb_entryId, cb_blogApp, cb_blogUserGuid); GetPrevNextPost(cb_entryId, cb_blogId, cb_entryCreatedDate); loadOptUnderPost(); GetHistoryToday(cb_blogId, cb_blogApp, cb_entryCreatedDate);
var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?ddbb63cf55ff68b98975130a952f32a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-39647249-5', 'auto'); ga('send', 'pageview');