2017年計劃安排

2017年學習和工做的重點仍是基於Openstack的私有云Portal系統的前端架構和構建。

2017年計劃-百度腦圖

1.前端知識

前端基礎知識仍是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仍是很是有必要的。

2.雲計算知識

由於公司項目的底層是基於Openstack，因此須要瞭解Openstack裏面計算模塊、網絡模塊和存儲模塊的基礎知識，特別是Openstack dashboard上的功能和交互樣式。

項目後端基於Docker容器部署，並且後續要引入API網關技術。後續前端開發工程師須要瞭解一下Docker基礎知識，能基於Docker作前端部署。最好是能基於自動化部署。

目前PaaS開發只有Sina App Engine和Baidu App Engine兩家公司支持。並且業餘開發的圖書輪流看項目也是基於BAE開發的，因此後續再繼續學習和使用PaaS相關知識。

3.項目框架

項目CSS框架基於Bootstrap，JavaScript框架基於AngularJS。路由方面引入了ui-router，按需加載引入ocLazyLoad，表格使用的是 smart-table,圖表目前使用的ECharts。組件方面使用的ui-bootstrap。同時所在的team也開發了一些自定義指令，後面將這些整合在一塊兒，能作出相似http://element.eleme.io/#/zh-CN/component/installation這種，能知足部門其餘的team的使用。

4.產品原型和設計

一直沒有持續的學習Photoshop，因此在新的一年，跟着網易雲課堂的相關ps課程，把ps相關基礎操做和切圖操做學會。能簡單進行網頁設計就OK。前端也須要參與到產品的原型設計，樣式設計和交互流程，因此學會ps和Balsamiq Mockups對於前端開發也是頗有幫助的。

5.敏捷開發

團隊從2016年5月份左右就開始實行敏捷開發模式。每2周進行迭代一次，效果相對於以前仍是有很大進步和改善。目前在測試方面還有一些欠缺。敏捷開發涉及到2個方面：一個是我的敏捷，另一個是團隊敏捷。更多關於敏捷相關的知識，能夠參考周金根的博客。敏捷我的：敏捷生活，平衡生活，你想一塊兒來試試嗎？

後續會寫一篇關於我的時間管理的相關的工具，包括Todo，筆記和博客工具的使用。

6.移動開發

Mobile Web是PC Web對應技術，在客戶端Android和iOS開發的App中，或多或少要嵌入一些html頁面，而這裏的頁面我能夠稱之爲:mobile web頁面。mobile web也有相應的前端框架，好比jQuery Mobile、Sench Touch等。涉及到響應式佈局，移動端時間檢測，滑動，keyframe動畫等。
好比網易嚴選PC頁面以下：

Mobile頁面以下：

Android開發是大前端的範疇,若是時間容許的話，嘗試學習一下Android開發的基礎，能掌握Hybird App開發經驗最佳，完成的HTML5頁面嵌入到App中。更多內容能夠參照rank的從 Web 前端到客戶端

ps:後續補充購買的相關書籍。