文章背景：年也过完了，年终奖该发的也发了，没有的也就不发了，有很多同学不满足发的太少或不发的或其它原因，准备看看外边的机会了，但是看看招聘网站，要求玄的要死。面试几轮之后更是没有深没有浅。经过一段时间的接触之后，内心十分着急，又不知道怎么办，就是没有一个具体可执行的计划。这样下去导致最坏的结果可能是今年的跳槽可能变成了换坑，跳槽是职业生涯有续线性的增长，无论收入还是title或者平台，换坑是从这个坑跳到另外一个坑，从而进入一个恶性循环，给长期职业发展带来很不利的影响，个人能力的成长长期维持在同一水平线上下浮动。 
计划的意思是了解当下市场招聘环境的变化，并且根据对自己技术势力的综合评估对当前的市场行情的预估之后，分析技术差距罗列的一个学习列表，具体细节的实施，学习效果的验证，要花费多长时间来完成他，每天要投入多少精力学习等等，根据不同的情况来自己把握。

由于个人视野有限，个中观点可能有失偏颇，仅供参考。

• 如何准备作品，看这篇文章。
• 前端是怎么找到工作的？

比如具体的计划：

• 3.01-3.15 学习Gulp，Webpack，完成一个demo，一篇学习心得文章。
• 3.15-3.31 学习PostCss，Vuejs，完成一个demo，一篇学习心得文章。
• 4.01 - 4.15 学习Angularjs，完成一个demo，一篇学习心得文章。

通过这些练习，充实了github，也充实了博客内容。制作长远的目标，大概的计划，然后执行，今天必须完成的事情，这周必须完成的时间。每天抽出的时间为：20.00-0.00，如何高效利用这四个小时，等等时间意识管理。

• 如何长时间高效学习？
• 2015-2016前端知识体系-by ouven
• 一个追求高效的学习者手机里装有哪些APP？

参考了十几家招聘要求，得出这样的结论：HTML5/CSS3，Nodejs, Angularjs这三个还是提到频率还是比较高，也有提到React, Backbone，剩下频率次之的是：另外一门后端语言php,java。 
总结一下，移动端偏多，新技术偏多。这就是招聘以结果导向下的现状，做为技术人员只能时刻观察市场，在能力允许时机成熟的前提下调整学习方向。简单一句话：不能顺向挖掘潜力，就逆向匹配结果。以下提到的东西，都是建议在基础过关的前提下去了解一下。简单的说法是：长远的职业个人成长以js基础为核心，短期求职需要迎合市场做短期的调整。另外要分清知识与能力的区别，通过知识来积累编程能力，不是不断的学习新知识来忽略对能力的储备。 
具体参考@winter大神这张图： 
 
来自于： 秋招的重点

一. 常规准备：

1. http://www.cnblogs.com 
   博客园开通博客，记录面试或学习的心得。
2. http://www.sinaapp.com 
   开通sae，学习 SVN 的使用。SVN是为一个老项目准备的，并不是所有的项目都用的新技术。同时也为了方便的呈现一些错误demo。
3. 注册 github 或 coding.net 学习Git使用。 
   在gitub上布署个人网站，类似： 当耐特demo集合
4. 学习jQuery，并使用jQuery开发几个相关插件。同样为老项目准备的，虽然繁杂的开发jQ很难控制，但是有些行业求稳而不是求新。并且jQuery的一种编程思想还是很值得借鉴的，是从入门到高手的必经之路。
5. 学习webpack，了解browserify, requirejs，每个至少有一个demo例子，一篇心得文章。
6. 学习glup, 了解grunt, fis三个中的一个，每个至少有一个demo例子，一篇心得文章。
7. 学习Vue，React，Angularjs, Avalon, 中的一个，了解Backbone，Ember。
8. 学习Sass, PostCss，了解Less。
9. 学习BootStrap。
10. 了解Ajax,Json,Jsonp,Nodejs,ES5,ES6,Promise。

11. 学习使用PS，了解各个图片格式的区别。比如：psd,png-8,png-24,jpg,bmp,gif的区别。及常有的优化方案。

    • 图片格式与设计那点事儿
    • Web性能优化：图片优化
    • 图片问题的一些总结

12. 了解BrowserSync的使用。

以上阶段性的学习完成有一个成型的demo就更好了，类似于： todoMVC ，就是一个小的hello world。 
这些是技术栈的积累，如果有一些针对性的文章会更有说服力，也更能全面的展示当前的技术储备。 
技术只与商业价值挂勾，只要一项技术在持续的产生价值，赚取利润，那就是一项好技术，是当下需要了解的技术。

二. 移动端准备：

1.Css3：

了解新增加的动画方法，了解transition,animation,transform 
图解css 或 w3cplus 看看。

2. Html5

新增加的标签：header, footer, section, aside, article, nav, figure, figcaption, details, summary

• HTML5新增标签 学习总结
• mdn 看看。

3. 微信js-sdk官网 看看。

其它相关的网站：

• 移动端开发资源与小技巧
• 面向亿万用户级的移动端Web解决方案
• 【原】移动web资源整理

4. 造轮子参考网站

以下都是一些生成工具生成的案例，可以试着用源生的方式，比如js+html5+css3，或者借助一些现有的库，等等实现一下。

• 点点客案例中心
• 云起-初夜
• MAKA
• 秀米
• 易企秀
• 兔展
• 场景应用
• epub360意派

四. 书籍：

4.1 基础类：

• Javascript高级程序设计 第三版
• Javascript权威指南 第六版

4.2 新书：

• 你不知道的JavaScript（上卷）
• 学习JavaScript数据结构与算法
• React：引领未来的用户界面开发框架
• React Native：用JavaScript开发移动应用
• SVG精髓（第2版）
• JavaScript忍者秘籍
• JavaScript面向对象精要
• 移动Web手册（双色）
• JavaScript设计模式与开发实践
• 现货 移动Web手册（双色）

三. 其它资源：

• 那几个月在找工作（百度，网易游戏）
• 2014最新面试题
• 名企笔试大全
• 阿里前端面试题
• 2016校招内推 -- 阿里巴巴前端 -- 三面面试经历
• 腾讯面试题
• 年后跳槽那点事：乐视+金山+360面试之行
• 阿里前端面试题上线
• 拉勾网js面试题
• 前端面试
• Web开发笔试面试题 大全
• 前端开发面试题
• 2014最新前端面试题
• 前端开发面试题
• 百度面试
• 面试题
• 前端工作面试问题
• 前端开发面试题
• 5个经典的前端面试问题
• 最全前端面试问题及答案总结
• 如何面试一名前端开发工程师？
• 史上最全 前端开发面试问题及答案整理
• 前端实习生面试总结
• 史上最全 前端开发面试问题及答案整理
• BAT及各大互联网公司2014前端笔试面试题：JavaScript篇
• 前端开发面试题大收集
• 收集的前端面试题和答案
• 如何面试前端工程师
• 牛客网-笔试面经
• 40 个重要的 HTML5 面试问题及答案

前端开发qq群： 492107297  ，加群需要收费，

加群之前群规看一下：http://www.kancloud.cn/jikeytang/qq/81132　月报：http://www.kancloud.cn/jsfront/month/82796

禁止闲聊，非喜勿进~！